tldraw: Infinite Canvas SDK for React
Why tldraw?
Canvas infrastructure
The tldraw SDK offers a solid foundation with enterprise-grade multiplayer sync, persistence, and performance optimizations. Develop with industry-standard web technologies like TypeScript and React.
Accelerate development
Skip the backlog with table-stakes features like copy and paste, undo and redo and cross-tab sync. Start strong with our comprehensive library of default shapes, tools, and user interface components.
Customize, extend and control
Customize our defaults or go further with custom shapes, interactions, and user interfaces. A powerful runtime API gives you full programmatic control of the canvas contents, effects, and behaviors.
Get involved
Read the source code, create issues, and contribute code on GitHub. Join the community, find contractors, and get help from thousands of developers using the tldraw SDK.
Powering software in all industries
Discover how teams are building with the tldraw SDK.
What's inside
The tldraw SDK gives you a production-ready foundation out of the box. Skip the canvas setup and focus on what makes your product unique.
Multiplayer collaboration
Simultaneous editing with instant updates powered by a custom sync engine. User presence including live cursors, viewport following, and cursor chat.
Selection and transformation
Full selection logic with interactions for translation, resizing, rotating with nested transforms. Flexible hit-testing using a full geometry system.
User preferences and accessibility
Theming with built-in dark mode and motion controls. Comprehensive screen reader support, keyboard navigation, and adaptive interfaces.
Data management
Manage state and observe changes with a high-performance signals library and record store. Track events and create side effects.
User interface and menus
Complete user interface library with responsive components including toolbars, menu items, and an OpenGL mini-map.
Layout and composition
Built-in functions for alignment and distribution, a robust reordering system, and full support for drag and drop.
Ready-to-use whiteboard kit
Save months of work
The tldraw SDK gives you a production-ready foundation out of the box. Skip the canvas setup and focus on what makes your product unique.
Professional canvas tools
All the essential tools like drawing, shapes, text or Arrows are already built in.
Precise navigation
State of the art navigation and camera controls for smooth scrolling.
Endless customization
Add your own custom shapes, tools and customize the entire UI.
Starter Kits
Get up and running with our premade starter kits.
Multiplayer starter kit
Self-hosted tldraw with real-time multiplayer collaboration built with Cloudflare Durable Objects. Production-ready backend that handles WebSocket connections, automatic persistence, and asset management. The same architecture that powers hundreds of thousands of collaborative sessions on tldraw.com.
Workflow starter kit
Chat starter kit
The $5M canvas
We've spent three years and five million dollars building thousands of table-stakes features, from rotating cursors to handling pasted images. Take the work and make something incredible.