LABSJUST FOR FUN · RUNS LOCALLY IN YOUR BROWSER

HandConnect: A Live Hand-Tracking Demo

Not every build here is client work. This one's a technical experiment - real-time hand tracking and gesture recognition, entirely in your browser, nothing uploaded anywhere.

What it does

21 landmarks per hand, tracked in real time.

Real-time skeleton tracking
Uses MediaPipe Hands to track 21 landmarks per hand and draws a glowing skeleton overlay synced to your camera feed.
Basic gesture recognition
Recognises open palm, fist, peace sign, pointing, and thumbs up from finger position alone - no training data, just geometry.
Nothing leaves your browser
All processing happens on-device. No video frame is ever uploaded, stored, or sent anywhere - the model runs entirely client-side.
Try it

Enable your camera to see it live.

HandConnect

Standby

This demo tracks 21 landmarks per hand in real time, draws a neon skeleton over your camera feed, and recognises basic gestures - all in the browser, nothing uploaded.

FAQ

Questions you're
probably asking.

Is my camera footage uploaded anywhere?
No. Everything - the camera feed and the hand-tracking model - runs entirely in your browser. Nothing is sent to a server, stored, or logged. Closing the tab ends it completely.
Why does Whizz People have a hand-tracking demo?
Because it's not always work, work, and work. This one shows the technical range behind the AI work we do for clients, without pretending it's a lead-generation tool - it's genuinely just a fun build.
What tech is this built on?
MediaPipe Hands for the landmark detection model, rendered to a canvas overlay with vanilla JavaScript. No frameworks, no backend.
It's not detecting my hand properly - what's wrong?
Make sure your hand is well-lit and fully in frame. Detection confidence drops in low light or when your hand is partially cut off at the edge of the camera view.
Curious about the real work?

See what we build
for paying clients.

This one's just for fun. Our actual AI automation work solves real business problems - lead routing, document processing, custom agents.