tldraw Infinite Canvas Whiteboard SDK for React

tldraw is a feature-complete infinite canvas engine and whiteboard SDK for React. It provides drawing, diagramming, real-time multiplayer collaboration, and AI integrations out of the box, with full extensibility for custom shapes, tools, and UI components.

Installation

Use the upstream install or setup path that matches your environment:

• npm i tldraw
• npx create-tldraw@latest
• npm i -g corepack
• yarn

Requirements and caveats from upstream:

• Workflow — drag-and-drop node builder for automation pipelines, visual programming, and no-code platforms
• Image pipeline — node-based builder for image generation pipelines
• The development server runs the examples app at localhost:5420. You'll need Node.js ^20.0.0. Clone the repo, then enable corepack for the correct yarn vers...

Basic usage or getting-started notes:

• bash

• Then, use the <Tldraw /> component in your React app:

• tsx

• Source: https://github.com/tldraw/tldraw

• Extracted from upstream docs: https://raw.githubusercontent.com/tldraw/tldraw/HEAD/README.md

Source

• Agent Skill Exchange