tldraw

tldraw is an infinite canvas SDK for React that provides the components, APIs, and tools needed to build whiteboard applications with real-time collaboration.

The tldraw SDK provides a framework for building whiteboard and infinite canvas applications within React environments. It includes built-in tools for drawing, text, shapes, and arrows, alongside a high-performance rendering system. Developers can utilize its multiplayer sync engine, persistence capabilities, and state management library to handle complex data and real-time collaboration. The SDK is extensible, allowing for custom shapes, themes, and user interface controls. It handles technical requirements like camera panning, zooming, and hit-testing, enabling teams to focus on unique product features.

tldraw at a glance

Best for: Software engineer, Designer
Runs on: Web, self-hosted, open source
Pricing: Free hobby license available; 100-day free trial for commercial use; annual commercial licenses with value-based pricing available.
Released: May 2021
Category: AI image tool
Website: tldraw.dev

Key features

Real-time multiplayer synchronization
Customizable shapes and interaction tools
High-performance infinite canvas rendering
Built-in state management and signal library
Flexible theming and UI extensibility
Screen reader and keyboard navigation support
Camera controls for panning and zooming

Use it for

Building collaborative whiteboard applications
Creating custom diagramming and flowchart tools
Developing visual project management software
Implementing collaborative bug reporting systems

Alternatives to tldraw

Whiteboard by /dev/fast — Review software architectural changes, agent trajectories, and diffs in one place.
Onlook — Edits live React components using the real Storybook design system.
Tambo — Connects existing React components directly to AI agents without rebuilding.
Plasmic — Integrates visual building with your existing React codebase and data sources.
Lantern — Steppable code animations with deep links, SVG exports, and open GET APIs.
Liveblocks — Automatically resolves data conflicts between humans and AI agents in real time.
Stagehand — It combines familiar APIs with self-healing actions and token efficiency for agents.
Illos.dev — Teach your coding agent to generate consistent animated illustrations.
YoluPainter — Paint textures on 2D canvases and 3D models with Unity live link.
ArtCraft — It combines local manual layout control with flexible generation tools.
Make Real — It quickly generates functional code from visual whiteboard sketches.
img2threejs — Generates code-only, animation-ready Three.js models from a single image.

All tldraw alternatives