
Creately
Diagramming & visual collaboration for flowcharts, org charts, and whiteboards
Discover top open-source software, updated regularly with real-world adoption signals.

React library for infinite canvas whiteboard experiences
tldraw provides a powerful React SDK to build infinite‑canvas whiteboards, supporting real‑time collaboration, rich drawing tools, and seamless integration with web apps.

tldraw is a React‑based SDK that lets developers embed an infinite‑canvas whiteboard directly into web applications. The component handles zooming, panning, and high‑performance rendering of vector shapes, making it suitable for anything from quick sketches to complex diagrams.
Installation is a single npm command and the library ships with TypeScript types and a CSS bundle. After importing Tldraw and its stylesheet, the canvas can be placed anywhere in the UI, and developers can hook into events to add custom tools or integrate a real‑time sync layer.
tldraw powers the public whiteboard at tldraw.com and is used by teams building collaborative design tools, education platforms, and SaaS dashboards. With an active community, extensive documentation, and a permissive license, it offers a solid foundation for any visual‑collaboration product.
When teams consider tldraw, these hosted platforms usually appear on the same shortlist.
Looking for a hosted option? These are the services engineering teams benchmark against before choosing open source.
Real‑time brainstorming session
Participants draw, move, and annotate on a shared infinite canvas, with changes instantly synced across all users.
Interactive lesson planning tool
Teachers create lesson maps with diagrams and notes, saved and revisited across sessions for dynamic classroom preparation.
Design sprint mockups
Product teams sketch wireframes and flowcharts collaboratively, iterating without leaving the browser.
Embedded diagram editor in SaaS dashboard
Users embed a tldraw canvas to visualize data relationships directly within the application.
Run `npm i tldraw`, then import the `Tldraw` component and its CSS file into your React project.
The library provides sync primitives, but you need to connect it to your own real‑time backend (e.g., WebSocket, Yjs).
tldraw is built for React and works with any React‑based application.
Yes, the SDK exposes APIs to add, remove, or modify tools and UI elements.
The package is written in TypeScript and includes full type definitions out of the box.
Project at a glance
ActiveLast synced 4 days ago