# 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.

- Skill: `agentskillexchange/tldraw-infinite-canvas-whiteboard-sdk-for-react` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/tldraw-infinite-canvas-whiteboard-sdk-for-react`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/tldraw-infinite-canvas-whiteboard-sdk-for-react/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/tldraw-infinite-canvas-whiteboard-sdk-for-react

---


# 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](https://nodejs.org) ^20.0.0. Clone the repo, then enable [corepack](https://nodejs.org/api/corepack.html) 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](https://agentskillexchange.com/skills/tldraw-infinite-canvas-whiteboard-sdk/)