Vol. 1 — tldraw

📦 tldraw/tldraw

tldraw is a fully functional, open-source infinite canvas drawing and whiteboard library that you can embed directly into any React application. Think Excalidraw or FigJam — but as an SDK you control.

What Is It?

A fully embeddable React library that gives you an infinite canvas with:

• Freehand drawing with a natural feel
• Shapes, arrows, text, sticky notes
• Real-time multiplayer collaboration
• Undo/redo, zoom, pan
• Custom tools and shapes you can build yourself

How to Use It

npm install tldraw

import { Tldraw } from "tldraw";
import "tldraw/tldraw.css";

export default function Whiteboard() {
  return (
    <div style={{ width: "100vw", height: "100vh" }}>
      <Tldraw />
    </div>
  );
}

That's it. A fully working infinite canvas in your React app.

What You Can Build

• A collaborative whiteboard in a project management tool
• A design review tool where teammates annotate screenshots
• A teaching platform where instructors draw while explaining
• A multiplayer brainstorming app for a hackathon
• A portfolio page with an interactive “about me” canvas

Comparison