Starter kits
Build with our production-ready starter kits. Ship faster, customize everything.
Starter kits
Build with our production-ready starter kits. Ship faster, customize everything.
Why build with Starter Kits?
Why build with Starter Kits?
Why build with Starter Kits?
Why build with Starter Kits?
Ship features in weeks, not months
Skip the months of research and implementation. Each kit provides tested solutions for complex canvas interactions, state management, and performance optimization.
Ship features in weeks, not months
Skip the months of research and implementation. Each kit provides tested solutions for complex canvas interactions, state management, and performance optimization.
Ship features in weeks, not months
Skip the months of research and implementation. Each kit provides tested solutions for complex canvas interactions, state management, and performance optimization.
Ship features in weeks, not months
Skip the months of research and implementation. Each kit provides tested solutions for complex canvas interactions, state management, and performance optimization.
Production-ready from day one
Complete backend infrastructure, error handling, and scalable architecture. The same systems powering millions of users on tldraw.com or tldraw computer.
Production-ready from day one
Complete backend infrastructure, error handling, and scalable architecture. The same systems powering millions of users on tldraw.com or tldraw computer.
Production-ready from day one
Complete backend infrastructure, error handling, and scalable architecture. The same systems powering millions of users on tldraw.com or tldraw computer.
Production-ready from day one
Complete backend infrastructure, error handling, and scalable architecture. The same systems powering millions of users on tldraw.com or tldraw computer.
Built for customization
Every component uses the same extensible APIs you get with tldraw. Add custom shapes, tools, and behaviors without fighting the framework.
Built for customization
Every component uses the same extensible APIs you get with tldraw. Add custom shapes, tools, and behaviors without fighting the framework.
Built for customization
Every component uses the same extensible APIs you get with tldraw. Add custom shapes, tools, and behaviors without fighting the framework.
Built for customization
Every component uses the same extensible APIs you get with tldraw. Add custom shapes, tools, and behaviors without fighting the framework.
Validated by engineering teams
Built around the most common use cases and requests from teams shipping successful canvas applications. Each pattern reflects real-world requirements and proven architectural decisions.
Validated by engineering teams
Built around the most common use cases and requests from teams shipping successful canvas applications. Each pattern reflects real-world requirements and proven architectural decisions.
Validated by engineering teams
Built around the most common use cases and requests from teams shipping successful canvas applications. Each pattern reflects real-world requirements and proven architectural decisions.
Validated by engineering teams
Built around the most common use cases and requests from teams shipping successful canvas applications. Each pattern reflects real-world requirements and proven architectural decisions.
Complete starter code for frontend and backend
Complete starter code for frontend and backend
Ready for real-time collaboration
Ready for real-time collaboration
Custom shape systems and tool implementations
Custom shape systems and tool implementations
Agent starter kit
Give your AI agents visual superpowers. Allow them to read drawings, generate diagrams, and interact with canvas elements just like human users. You handle the AI integration, tldraw handles the complex canvas interactions, shape recognition, and visual rendering.
Agent starter kit
Give your AI agents visual superpowers. Allow them to read drawings, generate diagrams, and interact with canvas elements just like human users. You handle the AI integration, tldraw handles the complex canvas interactions, shape recognition, and visual rendering.
Agent starter kit
Give your AI agents visual superpowers. Allow them to read drawings, generate diagrams, and interact with canvas elements just like human users. You handle the AI integration, tldraw handles the complex canvas interactions, shape recognition, and visual rendering.
Agent starter kit
Give your AI agents visual superpowers. Allow them to read drawings, generate diagrams, and interact with canvas elements just like human users. You handle the AI integration, tldraw handles the complex canvas interactions, shape recognition, and visual rendering.
Workflow starter kit
Build visual tools where users drag, connect and execute nodes to build automation pipelines within a canvas interface. Set up your first workflow builder in minutes, then customize nodes and behaviors for your specific use case. Drag-and-drop nodes, automatic connection routing, and execution management out of the box.
Workflow starter kit
Build visual tools where users drag, connect and execute nodes to build automation pipelines within a canvas interface. Set up your first workflow builder in minutes, then customize nodes and behaviors for your specific use case. Drag-and-drop nodes, automatic connection routing, and execution management out of the box.
Workflow starter kit
Build visual tools where users drag, connect and execute nodes to build automation pipelines within a canvas interface. Set up your first workflow builder in minutes, then customize nodes and behaviors for your specific use case. Drag-and-drop nodes, automatic connection routing, and execution management out of the box.
Workflow starter kit
Build visual tools where users drag, connect and execute nodes to build automation pipelines within a canvas interface. Set up your first workflow builder in minutes, then customize nodes and behaviors for your specific use case. Drag-and-drop nodes, automatic connection routing, and execution management out of the box.
The kits keep coming
Get notified when the next starter kit drops.
The kits keep coming
Get notified when the next starter kit drops.
The kits keep coming
Get notified when the next starter kit drops.
The kits keep coming
Get notified when the next starter kit drops.
Multiplayer starter kit
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.
Multiplayer starter kit
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.
Multiplayer starter kit
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.
Multiplayer starter kit
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.
Chat starter kit
Integrate tldraw's canvas into a chat application to let the user sketch, annotate and add markup to any chat message before sending it off to an AI model or person.
Chat starter kit
Integrate tldraw's canvas into a chat application to let the user sketch, annotate and add markup to any chat message before sending it off to an AI model or person.
Chat starter kit
Integrate tldraw's canvas into a chat application to let the user sketch, annotate and add markup to any chat message before sending it off to an AI model or person.
Chat starter kit
Integrate tldraw's canvas into a chat application to let the user sketch, annotate and add markup to any chat message before sending it off to an AI model or person.
Branching chat starter kit
Build visual conversation interfaces where users create branching chat trees with AI integration. Perfect for interactive chatbots, conversation design tools, and storytelling applications. Create, connect, and organize chat nodes on an infinite canvas with real-time AI responses and context-aware conversation flows.
Branching chat starter kit
Build visual conversation interfaces where users create branching chat trees with AI integration. Perfect for interactive chatbots, conversation design tools, and storytelling applications. Create, connect, and organize chat nodes on an infinite canvas with real-time AI responses and context-aware conversation flows.
Branching chat starter kit
Build visual conversation interfaces where users create branching chat trees with AI integration. Perfect for interactive chatbots, conversation design tools, and storytelling applications. Create, connect, and organize chat nodes on an infinite canvas with real-time AI responses and context-aware conversation flows.
Branching chat starter kit
Build visual conversation interfaces where users create branching chat trees with AI integration. Perfect for interactive chatbots, conversation design tools, and storytelling applications. Create, connect, and organize chat nodes on an infinite canvas with real-time AI responses and context-aware conversation flows.
Get started in minutes
Schedule a technical walkthrough with our team to discuss your specific requirements and implementation timeline.
© 2025 tldraw