tldraw

Founded by Steve Ruiz in 2021

Build collaborative digital whiteboards and infinite canvas applications in React

Pricing model

Free Tier, Paid

Rating

★ People love it

Time to value

Quick Setup (< 1 hour)

You can use tldraw to embed infinite canvases and collaborative whiteboards directly into your React web applications. It provides ready-to-use drawing tools, shapes, arrows, text formatting, and sticky notes out of the box. You can synchronize edits across multiple users in real time with built-in multiplayer engines, live cursors, and viewport tracking. The canvas supports custom shapes, UI modifications, deep styling themes, and camera controls like panning and zooming. Developers get full programmatic control over all canvas objects, event listeners, and document state.

What tldraw does

Render an infinite canvas inside a React applicationSynchronize canvas state between multiple browser tabs and usersAdd custom vector shapes and UI toolbars to the drawing canvasExport canvas graphics and diagram elements to standard image formatsTrack live user cursor positions and viewport movements across sessionsHandle undo, redo, copy, paste, and geometric transformations programmaticallyPersist whiteboard session documents to cloud storage via WebSocketsReady-to-use vector drawing tools for freehand sketching, shapes, arrows, and textReal-time multiplayer synchronization with live user cursors and presence indicatorsSmooth camera controls offering high-performance panning and zooming across infinite canvas spaceExtensible runtime API allowing developers to create custom shapes and canvas behaviorsComprehensive geometry system supporting translation, rotation, resizing, and hit-testingBuilt-in state management using a high-performance reactive signals library and record storeStarter kits featuring backend persistence and WebSocket sync with Cloudflare Durable ObjectsCustomizable user interface components supporting dark mode, custom themes, and accessibility controls