DEV Community

Alex Spinov
Alex Spinov

Posted on

tldraw Has a Free Collaborative Whiteboard — Build Diagrams in Your Browser

A product manager at a remote startup told me: "We pay $15/user/month for Miro. Half the team just draws boxes and arrows."

The Whiteboard Tax

Miro, FigJam, Lucidchart - they all charge $8-15 per user per month. For a team of 20, that is $200+/month for drawing rectangles.

tldraw is a free, open-source collaborative whiteboard that runs entirely in your browser.

What tldraw Offers for Free

  • Infinite Canvas - Pan, zoom, draw without limits
  • Real-time Collaboration - Share a link, draw together instantly
  • Shape Tools - Rectangles, ellipses, arrows, lines, text, sticky notes
  • Freehand Drawing - Pen tool with pressure sensitivity
  • Smart Arrows - Connect shapes, arrows follow when you move them
  • Export Options - PNG, SVG, JSON, clipboard
  • Embed Anywhere - React component, drop into any web app
  • No Account Required - Just open tldraw.com and start drawing

Use as React Component

npm install tldraw
Enter fullscreen mode Exit fullscreen mode
import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'

function App() {
  return (
    <div style={{ width: '100vw', height: '100vh' }}>
      <Tldraw />
    </div>
  )
}
Enter fullscreen mode Exit fullscreen mode

Full whiteboard in your app with 5 lines of code.

tldraw vs Paid Alternatives

Feature tldraw Miro Excalidraw
Price Free $8-15/user/mo Free
Self-Hosted Yes No Yes
React Component Yes No Yes
Real-time Collab Yes Yes Yes

GitHub: tldraw/tldraw - 38K+ stars


Need to monitor and scrape data from multiple web services automatically? I build custom scraping solutions. Check out my web scraping toolkit or email me at spinov001@gmail.com for a tailored solution.

Top comments (0)