agentskillexchange 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 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