Use the tldraw SDK to add a collaborative whiteboard to your product or create new canvas-based experiences with the SDK's components, APIs, and services.
We've designed the tldraw SDK to be a solid foundation for developers: built for the web, packed with table-stakes features, and designed for extensibility.
The tldraw canvas and everything on it is its own React component, rendered in regular HTML and CSS. If you can do it on the web, you can now do it on the canvas too.
Create, edit, and manipulate thousands of objects, including images, interactive components, and embedded content. Highly optimized for performance on desktop, tablets, and mobile devices.
Go live with tldraw sync or bring your own backend for shared experiences. Built-in support for collaborative editing, live cursors, viewport following and cursor chat.
Drop in images, videos, and even other websites to add them to the canvas. Paste URLs to create interactive bookmarks. Export images and data.
Create your own custom elements, tools, interactions, and user interface. Use the runtime Editor API to control the canvas.
Thousands of carefully considered details that turn canvas conventions into best-in-class user experience.
Create beautiful, pressure-sensitive freehand lines with the pen tool, powered by our custom algorithm for virtual ink.
Linking lines never looked so good. Create beautiful arrows between shapes, notes, and more.
Switch between full light and dark mode themes that affect menus, shapes, and even image exports.
High performance in all modern browsers. Consistent quality across desktop, tablet, and mobile devices.
Install the tldraw package, import the styles, and render the component in your React app.
npm install tldrawimport { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'
export function App() {
return <Tldraw />
}
You can use the tldraw SDK for free in your project—even in a commercial project—as long as the "Made with tldraw" watermark is present. See our standard license to learn more.
Remove the watermark and access additional support.
$499/month
Annual agreement, paid quarterly
Get startedFor small teams getting started.
$999/month
Annual agreement, paid quarterly
Get startedFor small teams who need to speak to us.
Custom
Value based pricing available
Contact usFor larger teams and enterprises.
36,000 GitHub stars. 62,000 followers on Twitter/X. Join the 7,500 strong community on Discord.
Have more questions? Contact us and we’ll respond as quickly as possible.
Follow our quick start guide and build something today with the tldraw SDK.
Team news, product updates and deep dives from the team.
Join 1,000+ subscribers