tldraw

Package

React SDK for embedding an infinite-canvas whiteboard into an app

Price: 100-day free trial, then a paid license
Access: License key (free hobby tier available)

About

tldraw is a React SDK for building infinite-canvas apps: drawing, shapes, images, pan/zoom, undo/redo and optional multiplayer sync. It ships under tldraw's own source-available license, not OSI-approved: free for dev and non-commercial hobby use, with a paid key needed to ship to production.

What you can do with it

Embed an infinite-canvas whiteboard or drawing surface into a React app
Add real-time multiplayer collaboration to a canvas with the sync module
Extend the canvas with custom shapes, tools and UI via the tldraw SDK APIs

Get started

Run npm install tldraw
Render <Tldraw /> in a full-screen container, importing tldraw/tldraw.css
Get a free hobby/startup or paid commercial license key before production use

Example

import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'

export default function App() {
  return (
    <div style={{ position: 'fixed', inset: 0 }}>
      <Tldraw />
    </div>
  )
}

Details

Hosting: Self-hosted, Runs locally
Available in: Worldwide
Official SDKs: JavaScript/TypeScript
MCP server: None