GitHub Repos intermediate 2 min read May 25, 2026
Public Preview Sign in free for the full digest →

tldraw: A React SDK for Building Infinite-Canvas Apps

“47,349 stars gets you the canvas; production still needs a license key.”

tldraw: A React SDK for Building Infinite-Canvas Apps
1 Views
0 Likes
0 Bookmarks
Source · github.com

“"Build infinite canvas apps in React" — tldraw README”

You know that feeling when your product needs a whiteboard, but you are really signing up to build selection, zooming, arrows, text, undo, media, export, touch input, and live cursors? tldraw targets that pile of work with a React SDK instead of a blank canvas. The trade is clear: you get a full canvas system, but you also take on its license, sync backend, schema rules, and release cadence.

typescriptreactcanvaswhiteboardcollaborationsdkdevtools

Think of tldraw like a furnished workshop: you can use the default tools, or you can replace the tools, benches, and storage rules. You render the Tldraw React component, import its CSS, then drive the canvas through an Editor API. Under the hood, a reactive store holds shapes, pages, bindings, assets, and records. For multiplayer, your client connects to a WebSocket room; the docs describe one authoritative TLSocketRoom per shared document, with storage options such as SQLite and Cloudflare Durable Objects.

01
React canvas SDK — you can add a whiteboard surface without building selection, zooming, shapes, and tool UI from scratch.
02
Custom shapes and tools — you can make the canvas match your product instead of shipping a generic drawing app.
03
Editor API — you can create, update, select, delete, and inspect canvas content from code.
04
Reactive store — you can persist and sync shapes, pages, bindings, assets, and custom records through one data model.
05
Self-hosted sync — you can run multiplayer through @tldraw/sync, WebSockets, TLSocketRoom, and your own storage.
06
Performance tactics — you get viewport culling, reactive signals, batched updates, geometry caching, and level-of-detail image handling.
Who it’s for

If you are adding a canvas, whiteboard, diagram tool, visual workflow, or AI sketch surface to a React product, tldraw is directly relevant. It is not a fit if you need a no-license-key production dependency, a tiny canvas primitive, or an open pull-request flow from outside contributors.

Worth exploring

Yes, explore it for production React canvas work: the repo is active, v5.0.2 shipped on 2026-05-20, and ClickUp, Padlet, Mobbin, and Jam appear in tldraw's own customer evidence. Do a license and sync-backend review before you commit, because production use needs a key and multiplayer hosting adds real backend work.

Developer playbook
Tech stack, code snippet, sentiment, alternatives.
PM playbook
Adoption angles, user fit, positioning.
CEO playbook
Traction signals, ROI, build vs buy.
Deep-dive insight
Full long-form analysis, no fluff.
Easy mode
Core idea, fast — when you need the gist.
Pro mode
Technical nuance, edge cases, tradeoffs.
Read the full digest
Go beyond the preview

Deep-dive insight, Easy and Pro modes, plus action playbooks — the full breakdown is one tap away.

Underrated tools. Unfiltered takes.

Read the full digest in the Snaplyze app for deep-dive insight, Easy and Pro modes, and the playbooks you can actually use.

Install Snaplyze →