Build infinite canvas apps in React with the tldraw SDK
Make whiteboards, diagrams, and canvas tools 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 across 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 built custom tools with tldraw, faster than buying off the shelf.
Issue tracker
A collaborative bug reporting tool that helps teams capture issues, add context, and share feedback visually.
What's inside
Everything a production canvas app needs, built in and ready to use.
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. React to changes with events and 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 custom themes that control every aspect of the canvas's style.
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 are built in: draw, shapes, text, arrows, and more.
Precise navigation
State-of-the-art camera controls for smooth panning and zooming.
Endless customization
Add your own shapes and 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.