Tldraw

Overview:

tldraw is an open-source infinite canvas engine for React applications. It provides a complete set of primitives for building custom canvas-based apps, from whiteboarding tools to AI-integrated workspaces. Developers use it to create custom shapes, tools, bindings, and UI components. The project is suitable for developers building collaborative diagrams, design tools, workflow builders, or AI interfaces that require a visual or spatial canvas. It supports self-hosted real-time collaboration, runs in all modern browsers, and includes a runtime API for programmatic control of the canvas.

Core Features:

• Multiplayer collaboration: Real-time, self-hostable collaboration via @tldraw/sync and Cloudflare Durable Objects, the same stack used on tldraw.com.

• Drawing and diagramming tools: Pressure-sensitive drawing, geometric shapes, rich text, arrows, snapping, edge scrolling, image and video support, and image export.

• Runtime API: Drive the canvas programmatically at runtime using the Editor API.

• Extensibility: Fully extensible with custom shapes, tools, bindings, UI components, side effects, and event hooks.

• AI integrations: Canvas primitives designed for building applications with large language models (LLMs).

• DOM canvas support: Renders embedded web content (YouTube, Figma, GitHub, etc.) directly within the canvas.

Use Cases:

• Building a collaborative whiteboarding app: Use the default drawing and diagramming tools with self-hosted real-time multiplayer support.

• Creating a visual AI agent interface: Integrate LLMs that read, interpret, and modify canvas content with the Agent starter kit.

• Developing a node-based workflow builder: Use the Workflow starter kit to build drag-and-drop automation pipelines or no-code platforms.

• Designing a custom diagramming tool: Extend the canvas with custom shapes, tools, and bindings for domain-specific visual tasks.

Why It Matters:

tldraw offers an infinite canvas engine that is both feature-complete and fully extensible, giving developers the flexibility to build custom canvas applications without starting from scratch. Its self-hostable multiplayer support and runtime API make it suitable for collaborative and programmatic use cases. The project includes MIT-licensed starter kits for common patterns like AI agents, workflow builders, and chat interfaces, reducing the barrier to entry for complex canvas-based features while allowing proprietary modifications and integrations.