Tldraw Infinite Canvas Whiteboard Sdk

---
name: "tldraw Infinite Canvas Whiteboard SDK for React"
slug: "tldraw-infinite-canvas-whiteboard-sdk"
description: "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."
github_stars: 46154
verification: "security_reviewed"
source: "https://github.com/tldraw/tldraw"
category: "Developer Tools"
framework: "Multi-Framework"
tool_ecosystem:
  github_repo: "tldraw/tldraw"
  github_stars: 46154
  npm_package: "tldraw"
  npm_weekly_downloads: 173229
---

# 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/)