Save months of work with our ready-to-use whiteboard kit
Try it
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.
Trusted by
Professional canvas tools
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
Text tool
Rich formatting and inline editing
Arrow tool
Smart connectors that stick to shapes
Note tool
Commenting with sticky notes
Geometry tool
Quick creation of geometric shapes
Freehand Drawing
Fluid, natural drawing that responds to pressure and feels like pen on paper across all devices. A drawing engine that handles complex path optimization and delivers smooth rendering at native speed.
Navigation and camera
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
Grid and rulers
Optional overlays for precise positioning
Mini-map
Overview navigation for large canvases
Focus mode
Hide the UI to bring focus to canvas contents
Rich text editing
Full text editing with formatting, perfect for labelling diagrams or capturing meeting notes.
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
Collaboration ready
Real-time collaboration without the complexity. Live cursors and user presence bring teams together, and conflict-free syncing keeps everyone on the same page. Built for production, it comes with the infrastructure you need: WebSockets, asset sharing, authentication, permissions, and offline support that reconnects automatically.
Performance at scale
Viewport culling that only renders visible content
Efficient shape batching
Smooth interactions with thousands of shapes
Memory management for long-running sessions
Reliable persistence
Automatic undo/redo
Conflict-free collaborative editing
Incremental saves and data migration
Robust error handling and recovery
Developer experience
Full TypeScript definitions
Comprehensive React integration
Extensive documentation and examples
Debug views for custom shapes
Meetings and events
Integrate visual planning into project management, CRM, or workflow tools.
Training and assessment
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.
© 2025 tldraw