Control 3D with your hands
Real-time hand tracking meets Three.js. Build gesture-controlled 3D experiences that respond to natural hand movements.
Built for developers
Everything you need to add gesture control to your 3D applications.
Hand Tracking
Precise 21-point hand landmark detection powered by MediaPipe. Track fingers, palm, and wrist in real-time.
3D Integration
Seamless Three.js integration. Map hand movements to 3D object transformations with minimal code.
Zero Config
Works in any modern browser. No installation required. Just open and allow camera access.
Gesture Recognition
Detect gestures like pinch, grab, point, and wave. Build intuitive touchless interfaces.
Developer Friendly
Clean API, TypeScript support, and comprehensive documentation. Get started in minutes.
Production Ready
Optimized for performance. Deploy anywhere with HTTPS for secure camera access.
How it works
Open the webcam, see your hand
Allow camera access and VisionPipe3D starts tracking 21 landmarks on each hand: every fingertip, knuckle and the wrist. It all runs in your browser. Video never leaves your device.
Try the Playground →Pinch, grab and rotate in 3D
Map hand landmarks to Three.js object transforms. Pinch to select, move your hand to drag, twist your wrist to rotate. Natural input with no controller and no mouse.
See a sample project →Reactive visual effects
Pick an effect, type your text, and watch HUD overlays, particles and fields react to your fingers in real time, or try them with mouse and touch. Record the result and share it.
Explore effects →
Scale with the Cloud API
Need tracking on the server? Create an API key, call the REST endpoint and pay only for the credits you use. Plans start at $1.
Get an API key →Ready to build?
Start controlling 3D objects with your hands in minutes. No signup required.