tldraw

tldraw is an SDK designed for building infinite canvas applications within React. It provides developers with a high-performance web canvas infrastructure, enabling the creation of whiteboards, diagramming tools, and other canvas-based interfaces. The SDK is positioned as a foundation for production-ready canvas apps, offering features that address the needs of software teams seeking to implement collaborative and customizable drawing environments.

Key capabilities of tldraw include enterprise-grade multiplayer synchronization, persistence, and performance optimizations. The platform supports simultaneous editing with instant updates through a custom sync engine, as well as user presence features such as live cursors, viewport following, and cursor chat. tldraw comes with a comprehensive library of default shapes, drawing tools, and user interface components, along with built-in features like copy and paste, undo and redo, and cross-tab synchronization. Its runtime API allows for extensive customization, including the creation of custom shapes, interactions, themes, styles, and user interfaces.

Accessibility and user preferences are addressed with theming options, built-in dark mode, motion controls, screen reader support, keyboard navigation, and adaptive interfaces. For layout and composition, tldraw provides functions for alignment, distribution, reordering, and drag-and-drop support. Data management is handled through a high-performance signals library and record store, enabling state management and observation of changes. The SDK also includes professional canvas tools such as drawing, shapes, text, and arrows, alongside precise camera controls for panning and zooming.

Developers can get started with tldraw using premade starter kits, including a multiplayer starter kit that supports self-hosted real-time collaboration built with Cloudflare Durable Objects. The platform is built on industry-standard web technologies like TypeScript and React, and its source code is available on GitHub. tldraw is used by a range of organizations to build productivity software, education platforms, design tools, and collaborative issue trackers, as highlighted in various case studies. The SDK is supported by an active developer community and offers resources such as documentation, examples, and community forums.