Handboard Open the app
Hold the mouse and drag:
your pinch draws on the board
A side project · Live now

Think with
your hands.

Handboard is an infinite, shared whiteboard you drive with webcam hand gestures. No account, no install, no keyboard. Open a link, raise your hand, and draw together.

0 sign-ups 1 link to share 21 hand landmarks, tracked on-device 5–800% zoom on an infinite canvas
01 The problem

The whiteboard is always one detour away.

You're mid-document and need a sketch. Today that means switching apps, signing in, drawing with a mouse, exporting and pasting. By the time the picture lands, the thought has gone cold.

Context switching breaks flow

Every sketch costs an app switch, a file and a paste.

Account walls block the second person

"Can you sign up first?" is where spontaneous collaboration dies.

A mouse is a poor pen

We explain ideas with our hands. Whiteboard software makes us explain them with a mouse.

a sketch, into your doc
    9steps
    1+accounts
    4keyboard trips
    02 Purpose

    Make the space beside your work a place to think: with your hands, together, instantly.

    Built for one desk

    Sketch, select and copy a diagram into your document without touching the keyboard, then pull a colleague in with one link.

    The design target is a specific desk: documents on the main monitor, Handboard full screen on the other, hands up in front of the webcam. Every product decision traces back to it.

    System design notes

    Figure 1 goes here
    ⧉ Copy
    NavigatePick a toolDrawLassoCopyPaste
    Drag the desk to look around
    03 How it works · try it here

    Six gestures. The whole loop.

    Every gesture is position-based: no swipes, no flicks, nothing that depends on speed. At 30 frames a second, those misfire. Pick a gesture to watch it drive the board, take over with your mouse, or switch on your camera and use your own hand.

    Demo
    🔒 Camera mode runs Google's MediaPipe model in this tab. Video never leaves your device. 🖱️ Mouse: drag = pinch-drag · click = pinch-tap · scroll = two-hand zoom · F = fist · ROLA = shapes, like the app
    04 Capabilities

    A complete whiteboard, sized for a hand.

    Handboard ships the toolset people expect from a modern whiteboard, and every control a hand can press is big enough to hit from across the room. Each tile below is live.

    20 tools

    Draw anything a meeting needs

    Pen, highlighter, eraser, ten shapes, arrows that stick, text, sticky notes, laser pointer and images.

    Styles

    12 colours, a custom picker, fill, size, dash, opacity, text position

    Idea
    Arrows that stick

    Move a box, its arrows follow

    Hands mode

    80 px buttons that pull your cursor in

    Present

    Laser pointer, full screen, light and midnight

    Copy out, paste in

    From the board into your doc in one pinch

    ⌘C or a pinch on Copy puts the selection on your clipboard as a PNG. Paste images, text and shapes in; drag images straight onto the board.

    PNGSVG.handboard.json⌘C / ⌘VDrag & drop
    Polite undo

    Undo only touches your own work

    Hover the bars: your undo skips everyone else's strokes.

    YouKenjiPriya
    Full parity

    Every gesture has a mouse and keyboard twin

    Familiar whiteboard shortcuts, trackpad pinch and scroll, space-drag to pan, zoom 5% to 800%, labels on shapes, z-order, duplicate, nudge.

    V selectP penR rectangle⇧1 fit
    05 Together, live

    Share a link. That's the onboarding.

    1

    No logins, ever. Pick a name; it stays in your browser. Boards are public links, and the link is the key.

    2

    See each other think. Live cursors, names and hand pinches. Strokes stream to everyone while they're being drawn.

    3

    Follow someone's view. Click an avatar and your camera rides along with theirs.

    4

    Edits merge shape by shape, and undo never erases what other people drew in between.

    expansify-handboard.web.app/b/••••••••••••••••••••
    Example only, not a real board. A board id is 20 random base62 characters: about 119 bits, so links can't be guessed or listed.
    Live · 4 here
    Draw here. Click an avatar to follow.
    06 Trust

    Private by architecture, not by policy.

    Hand tracking runs in the browser. Camera frames become 21 points per hand on your machine, and only the shapes you draw go to the cloud. Drag the diagram to look around.

    Your device
    Cloud (Firebase)
    video frameslandmarksshapescursors
    The clipboard problem, solved

    Copy works even when the board isn't focused

    Browsers only let the focused window write to the clipboard. On a two-monitor desk, your document has focus, so Handboard copies in three tiers. Flip the switches:

    1
    Straight to the clipboard

    The board has focus, so the PNG goes on the system clipboard right away.

    2
    Through the local bridge

    A zero-dependency Node script on 127.0.0.1 writes the PNG to the OS clipboard. It accepts Handboard origins only.

    3
    Queued, then delivered

    The copy waits and lands the moment you click the board. A toast says so.

    No listing

    Boards can't be enumerated. The unguessable link is the only capability.

    Only Handboard gets in

    App Check (invisible reCAPTCHA) rejects requests that don't come from the site, and the rules check schema and size on every write.

    Presence evaporates

    Cursors live in the Realtime Database and are removed the moment you disconnect.

    Known limit, said plainly

    Anyone with a link can edit or clear that board, so share links with people you trust and keep secrets off boards.

    07 Built to last

    Small, fast and tested.

    Vanilla TypeScript, a Canvas 2D renderer and no UI framework. Tests run on every change, and gesture tests replay synthetic hands, so they need no webcam.

    223unit tests: model, gesture bridge, sync, clipboard bridge
    93end-to-end checks, mouse and synthetic hands
    21hand landmarks per hand, tracked on your device
    0UI frameworks. The hot path is the canvas.
    mousehandsone controllerOne input path

    Mouse and hands both become down, move, up and tap on the same controller. Tools never know which one you used.

    shared enginevendor/drift check ✓A shared gesture engine

    Hand tracking comes from a gesture engine shared with a sibling project, and a check fails the build if the copies drift. Tuning goes through live options.

    writes batched ≤ every 180 msStreaming sync

    One document per shape, so concurrent edits merge. Strokes stream to peers while they're drawn; cursors go about 14 times a second.

    in view → drawRender on demand

    A dirty flag plus requestAnimationFrame, with viewport culling. The board draws only when something changed, and only what you can see.

    08 Who it's for

    The hands-on feel of a smartboard, on the webcam you already own.

    🖥️The two-monitor explainer

    Engineers, writers and PMs who think in diagrams while they write.

    "Sketch it, drop it in the doc, keep typing."
    🎓The presenter and teacher

    Standing back from the screen, laser in hand, zooming with two hands.

    "Drive the board from across the room."
    🧑‍🤝‍🧑The facilitator

    Workshops and retros where half the room has never used the tool.

    "Click the link. You're in."
    ✋The mouse-weary

    People who'd rather point than drag: a second input path alongside mouse and keyboard.

    "Give my wrist a break."
    Hover or tap a dot. Positions are a qualitative read of each category's default experience, not measured data.
    09 What's new

    Shipped and live. What's next is up to you.

    ✋Hands, on your device

    Six position-based gestures, with Relaxed and Precise pinch. Tracking runs in the browser.

    🧰20 tools

    Ten shapes, pen, highlighter, eraser, text, sticky notes, laser, and arrows that stick.

    🔤Text, formatted

    Bold, italic, strikethrough, bullets and numbered lists, any size, any palette colour, placed anywhere in a shape or sticky note.

    🎨Any colour

    A 12-colour palette, a picker for any other, fill, size, dash and opacity.

    🔗Live boards, no login

    Share a link. Live cursors and pinches, follow someone's view, undo only your own work.

    📋Into your docs

    Copy as PNG with a pinch, export PNG, SVG or a board file, and a clipboard bridge for two monitors.

    🛡️Protected

    App Check keeps scripts out of the databases, and your camera video never leaves your device.

    🖱️Mouse and keyboard too

    Every gesture has a mouse or keyboard twin, so it works without a webcam.

    Tell me what to build next.

    Which gesture misfired for you? What would make this your go-to board for a meeting? Every reply shapes what comes next.

    Try it first
    The board you started on is still here

    Raise your hand. Start drawing.

    Open Handboard, click New board, share the link, and turn on your camera. Best in Chrome or Edge on a laptop with a webcam; the mouse works everywhere.

    1 New board2 Share the link3 ✋ Turn on hands4 Pinch and draw