Build infinite canvas apps in React with the tldraw SDK
Make whiteboards and more with tldraw's high-performance web canvas.
import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'
export default function App() {
return (
<div className="editor">
<Tldraw
onMount={(editor) => {
editor.selectAll()
}}
/>
</div>
)
}
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, themes, styles, 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. Visit the full showcase
Productivity software
ClickUp modernized its whiteboard for millions of users, replacing legacy infrastructure with the tldraw SDK.
Education platform
When Padlet saw an opportunity for a new whiteboard, they built it with tldraw—and shipped Sandbox in record time.
Design platform
Faced with slow, rigid software, Mobbin used tldraw to build custom tools—faster than off-the-shelf solutions.
Issue tracker
A collaborative bug reporting tool that helps teams capture issues, add context, and share feedback visually
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.
Layout and composition
Built-in functions for alignment and distribution, a robust reordering system, and full support for drag and drop.
Extendable themes
Define fully customizable themes to control every aspect of the style of the canvas.
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. See all
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.
“tldraw’s technology enabled us to deliver a high-quality foundation and also develop native functionality ourselves. The technology and team have been great to work with.”
ClickUp modernized its whiteboard for millions of users, replacing legacy infrastructure with the tldraw SDK.
How
shipped two tools in three months with the tldraw SDK:Frustrated with third party tools, Mobbin used tldraw to build custom visual content management software.
How
shipped Sandbox with tldraw:When Padlet saw an opportunity for a new whiteboard, they built it with tldraw – and shipped Sandbox in record time.
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.