tldraw

Infinite canvas and React SDK

Free tier + paidDesign tools, color & typetldraw.com

What it is

Infinite-canvas whiteboard and, more importantly, a React SDK for putting a real canvas inside your own product. Shapes, arrows, multiplayer and an extensible custom-shape API are all exposed. The hosted app is free; the SDK is free to embed as long as the watermark stays visible.

Why it earns a slot

The default answer when your app needs a canvas — node editors, floor plans, moodboards — because you inherit production-grade panning, zooming and hit-testing without writing any of it.

Know before you commit

The SDK is not open source. The licence forbids removing, hiding or interfering with the watermark or its licence-key check; shipping watermark-free needs a paid business licence priced by sales. A free hobby licence covers non-commercial use.

Getting started

npm i tldraw

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

tldraw.com free · SDK free with watermark · business licence quoted by sales

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate tldraw (https://tldraw.com) for this project, then use it only if it fits what we are already building.
Context: Infinite canvas and React SDK. Infinite-canvas whiteboard and, more importantly, a React SDK for putting a real canvas inside your own product. Shapes, arrows, multiplayer and an extensible custom-shape API are all exposed. The hosted app is free; the SDK is free to embed as long as the watermark stays visible.
Reviewer notes (general, not written for this codebase): The default answer when your app needs a canvas — node editors, floor plans, moodboards — because you inherit production-grade panning, zooming and hit-testing without writing any of it.
Watch out for: The SDK is not open source. The licence forbids removing, hiding or interfering with the watermark or its licence-key check; shipping watermark-free needs a paid business licence priced by sales. A free hobby licence covers non-commercial use.
Pricing: tldraw.com free · SDK free with watermark · business licence quoted by sales
Setup: npm i tldraw
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/tldraw

Neighbourhood

How tldraw sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.