Starter kits

Starter Kits are application templates built on top of the tldraw SDK. They provide implementations of common canvas-based use cases, including frontend components and starting points for backend infrastructure and deployment configuration.


Try it yourself

Run this command in your terminal to build with starter kits:

npm create tldraw@latest

Available Starter Kits

Workflow

Visual node-based builder with drag-and-drop nodes, automatic routing, and execution management.

Use cases: automation builders, workflow editors, data pipelines

Chat

Canvas for sketching, annotation, and markup before sending to AI.

Use cases: design feedback, education, documentation

Agent

Enabling AI agents to interpret and interact with canvas drawings and elements.

Use cases: diagram generation, shape recognition, visual rendering

Branching chat

Visual branching conversation interface that lets you create interactive chat trees with AI integration.

Use cases: interactive chatbots, conversation design tools, interactive storytelling, visual conversation prototyping

Multiplayer

Self-hosted tldraw with real-time multiplayer collaboration powered by tldraw sync and Cloudflare Durable Objects.

Use cases: collaborative whiteboards, team workspaces, real-time design tools, multiplayer applications

Shader

Integrate WebGL shaders with tldraw, creating dynamic backgrounds that respond to canvas interactions.

Use cases: tools with visual effects, custom renderers, games, visualizations


License

Starter Kits are distributed under the same licensing terms as the tldraw SDK.

Prev
tldraw sync
Next
Workflow starter kit
Is this page helpful?