Repolode
Submit
quickdrawjs

quickdrawjs/quickdraw

An MIT-licensed infinite-canvas whiteboard SDK for React, React Native, and plain JavaScript apps, positioned as a free alternative to tldraw.

Open-source alternative to:tldraw

View on GitHubWebsite
Stars
555
Forks
45
Open issues
7
Last commit
yesterday

What is it?

Quickdraw is a whiteboard SDK that lets you embed a drawing surface into a web or mobile app. It ships three packages: a framework-free core engine with a floating toolbar, a React component with hooks, and a React Native component that wraps the engine in a WebView with a typed bridge. The core has zero runtime dependencies and runs as plain ESM in modern browsers without a build step.

The board supports freehand pressure ink, highlighter, shapes with hand-drawn styling, arrows, text, sticky notes, images, and a laser pointer. It includes selection with marquee and keyboard nudging, infinite canvas panning and zoom, palm rejection for stylus input, undo/redo grouped per gesture, light and dark themes, several grid backdrops, and PNG export.

Document state is a flat map of immutable records, and every change emits a JSON-serializable diff. Those diffs drive snapshot persistence, undo history, and real-time sync over any transport you choose. A first-party multiplayer server is not included.

Key features

  • 01Pressure-sensitive freehand ink and a highlighter tool
  • 02Shapes, arrows, text, sticky notes, and image insertion
  • 03Infinite canvas with pan, zoom, and pinch gestures
  • 04Undo/redo grouped per gesture and PNG export
  • 05JSON-safe diffs for persistence and real-time sync

Use cases

  • Adding a whiteboard or sketching feature to a React web app
  • Embedding a drawing canvas in an Expo or React Native app via WebView
  • Building a collaborative diagramming tool that syncs document diffs over your own server
  • Using a drop-in whiteboard on a plain HTML page without a build step

Topics

#whiteboard#canvas#drawing#react#react-native#javascript#sdk#collaboration#collaborative-whiteboard#diagram

FAQ

What is quickdraw?
An MIT-licensed infinite-canvas whiteboard SDK for React, React Native, and plain JavaScript apps, positioned as a free alternative to tldraw. Quickdraw is a whiteboard SDK that lets you embed a drawing surface into a web or mobile app. It ships three packages: a framework-free core engine with a floating toolbar, a React component with hooks, and a React Native component that wraps the engine in a WebView with a typed bridge. The core has zero runtime dependencies and runs as plain ESM in modern browsers without a build step.
Is quickdraw free to use? What license does it have?
quickdraw is open source under the MIT license. Check the license terms before using it in commercial products.
Is quickdraw still maintained?
Actively maintained. The last commit to quickdraw was on Oct 18, 2026.
What can I use quickdraw for?
Adding a whiteboard or sketching feature to a React web app Embedding a drawing canvas in an Expo or React Native app via WebView Building a collaborative diagramming tool that syncs document diffs over your own server Using a drop-in whiteboard on a plain HTML page without a build step
Where can I get quickdraw?
The source code and installation instructions are on GitHub: https://github.com/quickdrawjs/quickdraw

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects