aicoolies logo
tldraw logo

tldraw

Collaborative whiteboard as a React component

Share
open-sourceOpen Source
Visit Website →

Open-source collaborative whiteboard library and app. Ships as a React component that can be embedded in any web application. Supports real-time multiplayer out of the box via tldraw sync. Recently gained AI-powered features for generating diagrams and UI wireframes from natural language, making it popular for design brainstorming and rapid prototyping.

tldraw is a free, open-source collaborative whiteboard and diagramming tool that provides an infinite canvas for sketching, wireframing, and visual thinking directly in the browser. It solves the need for a lightweight, instantly accessible drawing tool that feels natural and responsive, without requiring account creation or complex setup. tldraw combines the simplicity of a whiteboard with the precision of a vector editor, making it ideal for quick diagrams, UI sketches, and collaborative brainstorming sessions.

tldraw features a minimal, distraction-free interface with essential drawing tools including freehand lines, shapes, arrows, text, sticky notes, and image embedding. It supports real-time multiplayer collaboration, infinite canvas with smooth zooming and panning, shape snapping and alignment, and export to SVG, PNG, and JSON formats. As an open-source React library, tldraw can be embedded into any web application, and its extensible architecture allows developers to create custom shapes, tools, and behaviors tailored to specific use cases.

tldraw is used by developers, designers, product managers, and educators who need a fast and frictionless way to visualize ideas, create diagrams, or collaborate visually. It is particularly popular as an embeddable component in developer tools, documentation platforms, and collaborative applications. The tldraw SDK integrates into React applications with minimal configuration, and its permissive license and active development community make it a top choice for teams building custom whiteboarding or diagramming features into their own products.

Pricing

Free, open-source

Platforms

Web, embeddable React component, self-hostable

Categories

Tags

Use Cases

Alternatives

Related Tools

OpenUI logo

OpenUI

Open-source UI generation from natural-language prompts

OpenUI is an Apache-2.0 design-to-code tool from W&B that turns natural-language interface prompts into live HTML previews and frontend code. Teams can run it locally or with Docker, connect OpenAI, Groq, LiteLLM-compatible providers, or Ollama, and export generated UI toward React, Svelte, Web Components, and related workflows. It fits rapid UI mockups where developers want editable code instead of screenshots.

open-sourceOpen SourceTelemetry

Notion MCP Server

Official Notion MCP server for AI-agent workspace access

Notion MCP Server is Notion's official MIT-licensed MCP server for connecting AI assistants to Notion workspaces. It supports the vendor-backed remote OAuth path and tools designed for page, workspace, and Markdown-style operations, making it a safer default than unofficial Notion bridges for teams already using Notion for docs, projects, or internal knowledge bases.

open-sourceOpen SourceTelemetry

Linear MCP Server

Official authenticated remote MCP endpoint for Linear issues, projects, comments, and coding-agent workflows.

Linear MCP Server is Linear’s official authenticated remote MCP endpoint for agent access to issues, projects, and comments. It gives Claude, Codex, Cursor, VS Code, Windsurf, Zed, and other clients a centrally hosted way to find, create, and update Linear work items through OAuth-backed MCP without maintaining a local connector or brittle API glue.

freemiumTelemetry

Slack MCP Server

Official Slack MCP server for approved workspace search, messaging, canvas, and user-context actions.

Slack MCP Server is Slack’s official remote MCP layer for giving approved AI clients workspace context and controlled actions. It lets agents search messages, files, users, and channels, draft or send messages, read threads, manage canvases, and authenticate through Slack OAuth while workspace admins approve integrations and normal Slack rate limits still apply.

freemiumTelemetry

Figma MCP Server

Official remote MCP server for design-to-code and write-to-canvas Figma workflows.

Figma MCP Server is Figma’s official remote Model Context Protocol surface for design-to-code agents. It gives supported clients structured design context, variables, components, selected-frame code context, Code Connect mappings, and beta write-to-canvas tools for creating or updating native Figma frames from an MCP client while keeping the workflow tied to Figma files.

freemiumTelemetry

Spotlight by Backplanes

Session reports for Claude Code and Codex runs

Spotlight by Backplanes turns completed Claude Code and Codex sessions into concise reports for engineering, security, and spend review. The CLI installs on macOS, Linux, or WSL 2, watches sessions after they finish, redacts PII and credentials locally before upload, then summarizes files touched, commands run, external domains reached, scope drift, risky actions, and next-session improvements.

freemiumTelemetry

Used in Stacks