{"repo":"Cygra/hand-gesture-whiteboard","free":true,"listed":false,"github":"https://github.com/Cygra/hand-gesture-whiteboard","clone":"git clone https://github.com/Cygra/hand-gesture-whiteboard.git","description":"A 3D gesture whiteboard built with MediaPipe Gesture Recognizer, and Three.js. Draw colorful 3D balloon strokes in a fish-tank-like scene using nothing but your hands — no mouse, no touch required. === 基于 MediaPipe 手势识别和 Three.js 构建的 3D 手势白板。只需用手，无需鼠标或触摸，即可在鱼缸式 3D 空间中绘制彩色气球笔触。","language":"TypeScript","stars":13,"topics":["mediapipe","nextjs","machinelearning","mediapipe-hand","threejs","hand-gesture-recognition"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Hand Gesture Whiteboard 🌐 Live Demo · 中文 · 日本語 A 3D gesture whiteboard built with Next.js, MediaPipe Gesture Recognizer, and Three.js. Draw colorful 3D balloon strokes in a fish-tank-like scene using nothing but your hands — no mouse, no touch required. --- ✨ Features Gesture Action --- --- 👌 Pinch (index + thumb) Draw a 3D balloon stroke 🖐️ Open palm wave Generate wind that moves balloons ✊ Hold fist 3 s Clear all balloons ✌️ / 👍 Hold 3 s Toggle light / dark theme - 3D physics — balloons float, drift with sway, bounce off all six walls, and collide with each other - Gesture wind — open-palm motion creates a directional breeze that nudges balloons - Toggles — independently enable / disable balloon floating and gesture wind - Themes — light and dark palettes with smooth transitions - i18n — UI available in English, 中文, and 日本語 - Privacy-first — all processing runs in the browser; camera footage is never uploaded --- 🛠 Tech Stack - Next.js 15 — React framework (static export for GitHub Pages) - Three.js — 3D rendering (TubeGeometry balloons, physics loop) - MediaPipe Gesture Recognizer — real-time hand landmark & gesture detection - NextUI — UI component library - Tailwind CSS — utility-first styling --- 🚀 Getting Started Open http://localhost:3000 and allow camera access. --- 🔗 Related Projects - Danmaku Mask — another MediaPipe + Next.js project ---","default_branch":null,"files":null,"tree":[],"storefront":"/r/Cygra","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Cygra/hand-gesture-whiteboard/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}