toolgarden.xyz
中文

Quickdraw Whiteboard

Create an infinite-canvas whiteboard with open-source Quickdraw, including pen, highlighter, shapes, text, notes, images, export, and fullscreen presenting

Quickdraw Whiteboard

The board is edited locally and automatically saved in this browser. Use Quickdraw tools to draw, insert images, and export PNG.

About this tool

Quickdraw Whiteboard provides an MIT-licensed infinite canvas for sketches, flows, annotations, and meeting diagrams. It runs locally in the browser and supports pen, highlighter, shapes, arrows, text, sticky notes, images, and export.

Use this page as a lightweight personal board that opens instantly. Content is saved in this browser local storage, but important work should still be exported so it survives browser data cleanup.

How to use it

  1. Open the board

    Start drawing in the browser without an account or desktop app.

  2. Draw and organize

    Use pen, shapes, arrows, text, and notes to arrange ideas spatially.

  3. Fullscreen or export

    Enter fullscreen for presenting, then use the built-in export to keep a PNG copy.

Supported range and limits

Underlying engine
Open-source Quickdraw / @quickdrawjs/react, running locally in the browser
Available elements
Pen, highlighter, shapes, arrows, lines, text, sticky notes, and images
Canvas mode
Infinite canvas with zoom, pan, grid background, and fullscreen use
Storage
Browser localStorage, visible only on this device and browser
Export
PNG export through the built-in Quickdraw toolbar
License and mark
Quickdraw uses the MIT license, and this page disables the default corner watermark

When you would use it

  • Meeting explanation

    Sketch flows, relationships, and action items while the discussion is happening.

  • Product and technical drafts

    Rough out layouts, API flows, or architecture outlines before moving to formal docs.

  • Teaching and presentation markup

    Open the board fullscreen and use pen or highlighter marks to focus attention.

What to know before you start

  • Content is stored in this browser local storage and does not sync across devices.
  • Clearing browser data can remove work that has not been exported.
  • Before sharing screenshots or exports, inspect the canvas edges for sensitive information.

Related concepts

infinite canvas
A two-dimensional canvas that can keep zooming and panning without a fixed page boundary.
local snapshot
A serialized copy of the current board records stored in the browser so refreshes can restore the board.

Frequently asked questions

Is my Quickdraw board uploaded?
No. Quickdraw runs locally in the browser, and this page only stores the board snapshot in this browser localStorage.
Does it support fullscreen?
Yes. Use the fullscreen button or Ctrl/⌘ + Shift + F to enter and exit fullscreen.
How is it different from the existing whiteboard tool?
Quickdraw Whiteboard uses the MIT-licensed Quickdraw SDK with no license key and a lighter feel; the existing whiteboard uses tldraw and keeps tldraw ecosystem capabilities.
How is this different from the tldraw whiteboard?
Quickdraw is an MIT-licensed SDK with no license key and a lighter feel; the existing tldraw board keeps tldraw ecosystem features such as multiple pages.