tldraw

What is tldraw?

tldraw is a versatile digital whiteboard platform and SDK designed for building infinite canvas applications with real-time collaboration. Built entirely in React, it offers a high-performance, customizable canvas supporting rich media, interactive content, and embedded websites. The platform includes default tools for drawing, erasing, shape creation, and freehand sketching, alongside advanced features like rich text editing, undo/redo, drag-and-drop, and cross-tab synchronization. tldraw supports multiplayer collaboration with live cursors, viewport following, and chat. Its AI module leverages language models to interpret and generate canvas content, enabling innovative workflows such as converting sketches into working websites. The SDK is highly extensible, allowing developers to create custom tools and interfaces, and is available under a license that permits commercial use with options to remove watermarks.

Key Features

• React-Based Infinite Canvas

  A performant, scalable canvas built entirely in React, supporting complex shapes, media, and embedded web content.

• Real-Time Collaboration

  Built-in multiplayer features including live cursors, viewport following, and cursor chat with a self-hostable sync backend.

• Rich Text and Media Support

  Advanced text editing with rich formatting, plus support for images, videos, GIFs, and embedded websites.

• AI Integration

  Incorporates AI modules using GPT-4 and vision APIs to interpret drawings and generate functional prototypes like websites.

• Highly Customizable SDK

  APIs and primitives allow developers to build custom tools, interactions, and user interfaces tailored to their needs.

• Flexible Licensing

  Free to use with a watermark; commercial licenses available to remove branding and access support.

Use Cases

• Team Collaboration : Remote teams can brainstorm, plan, and co-create in real-time on a shared infinite canvas.
• Product Design and Prototyping : Designers can sketch interfaces and use AI to convert drawings into working website prototypes.
• Education and Workshops : Teachers and students can interact on a dynamic whiteboard for lessons, annotations, and collaborative exercises.
• Software Development Tools : Developers can integrate tldraw into apps for diagramming, UI mockups, and interactive documentation.
• Creative Content Creation : Artists and creators can combine freehand drawing, media, and AI to produce rich visual content.

FAQs