Collaboration UI
Real-time cursors, selections, chat bubbles, and viewport activity, all rendered with smooth animations.
Real-time collaborative canvas
Real-time collaboration made simple: simultaneous editing, live cursors, instant updates, and conflict-free syncing.
Live updates
Enable simultaneous editing for numerous users with a built-in conflict resolution system that keeps canvas state consistent.
Session management
Use tldraw sync for automatic reconnection, multi-tab sync, and cross-device consistency with full state preservation.
Viewport following
Add follow-mode to your app, letting teammates share their viewports for presentations, tours, or guided editing.
Access control
Define granular editor and viewer roles with APIs that plug into your existing authentication system.
Distributed architecture
Power real-time collaboration at scale with up to 50 users editing together on the same canvas.
Quick start with multiplayer
Production ready starter kit to build a canvas application with multiplayer. Building something different? See all starter kits
Multiplayer starter kit
Self-hosted tldraw with real-time multiplayer collaboration built with Cloudflare Durable Objects. Production-ready backend that handles WebSocket connections, automatic persistence, and asset management. The same architecture that powers hundreds of thousands of collaborative sessions on tldraw.com.
Zach Blodgett,Staff Product Managerat
"tldraw’s technology enabled us to deliver a high-quality foundation and also develop native functionality ourselves. The technology and team have been great to work with."
ClickUp modernized its whiteboard for millions of users, replacing legacy infrastructure with the tldraw SDK.
Full control, simple setup
From menus to theming, adapt every layer of the canvas without breaking flow.
examples
See for yourself
Have a look at our examples on how to implement multiplayer features.
Multiplayer sync demo
Build real-time collaborative editing with live cursors and presence indicators.
Custom presence
Implement application-specific presence data synchronized across all users.
Private content sharing
Manage sharing permissions with editor and viewer access controls.
Solid engineering
Our team spent years to get all the details right, so you don’t have to.
High-performance synchronization engine
Our collaboration system runs on tldraw sync, a production-grade real-time synchronization engine. This engine was specifically optimized for canvas interactions to ensure that drawing strokes, shape manipulations, and text edits are in sync across all users with almost no delay. When users work on the same element, it keeps separate layers for confirmed server data and pending edits, resolving conflicts automatically.
Scalable room distribution system
Each collaborative canvas runs on its own Durable Object instance, creating a dedicated mini-server that can handle up to 50 simultaneous collaborators. This architecture eliminates scaling bottlenecks by distributing load across individual canvas instances, with Cloudflare automatically managing instance creation, routing, and geographic distribution for optimal performance.
Cross-device state synchronization
Comprehensive synchronization extends beyond real-time editing to support multi-tab consistency and seamless device handoff. Camera position and UI preferences sync automatically across browser sessions. Users transition effortlessly between desktop, tablet, and mobile devices with automatic state recovery and reconnection logic.
Asset handling and storage integration
Large assets like images and videos are handled separately from real-time synchronization to maintain performance. Files are uploaded to cloud storage (R2) and cached on Cloudflare's edge network. In this way, loading is fast worldwide, and WebSocket connections stay focused on lightweight canvas interactions data.