Save months of work with our ready-to-use whiteboard kit
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 essentials built in
Select tool
Multi-select, resizing and rotation
Hand tool
Smooth pan and zoom navigation
Draw tool
Pressure-sensitive freehand drawing
Eraser tool
Precise shape deletion
Arrow tool
Smart connectors; sticking to shapes
Text tool
Rich formatting and inline editing
Note tool
Commenting with sticky notes
Geometry tool
Quick creation of geometric shapes
Rich text editing
Full text editing with formatting, perfect for labelling diagrams or capturing meeting notes.
Freehand drawing
Fluid, natural drawing that responds to pressure and feels like pen on paper across all devices.
Collaboration-ready
Live cursors, user presence and conflict-free syncing bring teams together.
Professional Canvas tools
Navigation and camera controls
Zoom controls
Precise zoom in/out with fit-to-screen options
Smart camera
Auto-focus on selections and smooth following
Alignment guides
Smart snapping and alignment helpers
Mini map
Overview navigation for large canvases
Focus mode
Hide the UI to bring focus to canvas contents
Grid and rulers
Optional overlays for precise positioning
Professional Canvas tools
Complete shape library
Rectangles, circles, triangles, and a full suite of shapes for diagramming
Sticky notes with clone handles and smart placement
Freehand drawing and highlighter tools
Smart arrows that connect to shapes and update automatically
Videos, images and GIFs that can be arranged and annotated like any other shape
18 built-in embed types including YouTube, Figma and Google Maps
Performance at scale
Viewport culling that only renders visible content
Efficient shape batching
Smooth interactions with thousands of shapes
Memory management for long-lasting sessions
Reliable persistence
Automatic undo/redo
Conflict-free collaborative editing
Incremental saves and data migration
Robust error handling and recovery
Great developer experience
Full TypeScript definitions
Comprehensive React integration
Extensive documentation and examples
Debug views for custom shapes
Custom shapes and tools
The same shape system that handles built-in shapes, sticky notes, and arrows supports your custom flowchart nodes, architectural symbols, or domain-specific elements.
Runtime editor API
Complete programmatic control over the editor state, shapes, and canvas operations through a comprehensive API.
Flexible UI
Replace any part of the interface from toolbars to context menus, or build entirely custom UI.
Event handling
Respond to user interactions, shape changes, and canvas events with powerful event listeners and hooks.
Complex features out of the box
Save time and effort with our premade starter kits.
Build in days, not months
Set up your infinite canvas app today.
One whiteboard, infinite use cases
Meetings and events
Integrate visual planning into project management, CRM, or workflow tools.
Training and assesment
Add interactive whiteboards to learning management systems or collaboration tools.
Planning and process design
Custom design elements and collaborative editing.
Technical design
Create flowchart editors, network diagrams, or architectural planning tools.
AI-enabled canvas
Build AI-powered tools on an infinite canvas directly inside your product, connected to your data.
Show and tell
Made something great with the tldraw SDK? Get your use case featured in our showcase.