Customization
Real-time collaboration made simple: simultaneous editing, live cursors, instant updates, and conflict-free syncing.
Nearly every part of the tldraw SDK is customizable and extensible. You can replace or enrich shapes with your own designs, swap out UI components to match your brand, or build entirely new tools for your specific use case. The SDK provides the foundation while giving you complete control over the user experience.
Build shapes that fit your domain requirements. The shape system provides complete control over rendering, interaction behavior, and integration with canvas operations. Implement domain-specific interactions through custom tools and state machines. Whether you're building CAD software, design tools, or data visualization applications, tldraw’s tool system handles complex multi-step workflows.
Learn more
Every interface element can be replaced, modified, or removed entirely. The component override system supports everything from subtle brand adjustments to complete interface redesigns while maintaining responsive behavior. Replace toolbars with domain-specific controls or integrate canvas operations into existing dashboards. Your custom components inherit touch optimization, keyboard navigation, and screen reader support automatically.
Learn more
Register custom handlers that detect and transform any content type into application-specific shapes. When users paste code, drop images, or drag PDFs onto the canvas, your handlers determine what happens next. Implement custom storage backends that integrate with your existing infrastructure. The asset store interface supports cloud providers, CDNs, or local storage while handling temporary previews, upload progress, and automatic optimization for viewport performance.
Learn more
© 2025 tldraw