The infinite canvas SDK
for React developers
Whether you need a drop in whiteboard or an engine for your web canvas, the tldraw SDK provides the components, APIs, and services to get you there.
Whether you need a drop in whiteboard or an engine for your web canvas, the tldraw SDK provides the components, APIs, and services to get you there.
We've designed the tldraw SDK to be a solid foundation. It's built for the web and packed with table-stakes features.
Everything on the tldraw canvas is its own React component. If you can do it on the web, you can now do it on the canvas too.
Create and edit thousands of objects. We've tuned performance for desktop, tablets, and mobile devices.
Create shared experiences with real-time collaboration, live cursors, viewport following and cursor chat. Go live with tldraw sync or bring your own backend.
Drop in images, videos, and even other websites to add them to the canvas. Paste URLs to create interactive bookmarks. Export images and data.
Highly hackable and built for customization. Create your own custom shapes, tools, and user interface. Use the runtime API to drive the canvas.
Carefully considered details that turn table-stakes features 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. Customize arrowheads and create beautiful curves between shapes, notes, and more.
Switch between full light and dark mode themes that effect menus, shapes, and even image exports.
High performance in all modern browsers and on desktop, tablet, and mobile devices. Quality constantly maintained.
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 default function App() {
return <Tldraw />
}The tldraw SDK is source available and free to use in non-commercial projects.
Interested in purchasing a commercial license for the tldraw SDK? Please fill out our form and we will get back to you with more information.
Follow our quick start guide and build something today with the tldraw SDK.