Technical design
Create visualization tools that understand your systems: integrate with your data, enforce your rules, and adapt as your technology evolves.
Workflows
Create visual, node-based editors with connection validation, conditional branching, and executable workflow definitions.
Technical diagrams
Build UML, ERD, or architecture editors with snap-to-ports, live multiplayer, and versioned persistence.
Data visualization
Annotate and share data-rich visuals. Overlay comments and annotation on live charts. Sync collaborative edits in real-time.
AI starter kits
AI agents can read drawings, generate diagrams, and interact with canvas elements just like human users. You handle the AI integration and tldraw handles the complex canvas interactions and visual rendering.
Projects
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.
tldraw.com
Our free flagship product. A virtual whiteboard with real-time collaboration.
tldraw computer
A collaboration with the Google AI team. Create workflows to process information entirely in natural language. Generate multimodal outputs by connecting components on the canvas. Branch, loop and iterate to brainstorm with agents in real-time.
make real
A prototyping tool that turns sketches into working websites. Draw a wireframe or diagram and then hit a button to make it real. Annotate the output to make improvements and enter a conversational feedback loop with AI.
tldraw teach
An experiment where we gave AI the power to create, edit and analyze content on the canvas. The technology from this project is now available within our agent starter kit.
Go beyond the chatbot
Build on the interface where AI feels natural.