JavaScript
The 3D web starts here. Our JavaScript API, LeapJS, makes it possible for you to add a new level of interaction to your web app – with fully realized virtual onscreen hands. With LeapJS, you have access to our reliable CDN, a robust and growing set of plugins, and experiments on the cutting edge of browser-based virtual reality. Check out our getting started page to learn more.
Get Started
3.7K
3
VR Quickstart
This minimal demo show how to get started with Leap Motion Virtual Reality on the web.
4.6K
1
VRCollage
Move the collage of pictures in VR
4.0K
7
Left or Right
This shows how to use Screen Position on the rigged hand plugin to position divs outside of a WebGL context...
4.5K
6
Grab Strength
Grab indicates how close a hand is to being a fist – any fingers that aren't curled will reduce grab streng...
3K
3
Boilerplate for Three.js an...
Use this simple code to setup Leap Motion and Three.js quickly!
2.9K
2
Bone Hands
Easily add hands to your javascript/THREE.js application
3.7K
3
pinchStrength
Simple example showing pinch strength with the Rigged Hand
2.4K
1
Simple Particles using Leap...
The particles come to life with Javascript
2.4K
2
Data Confidence
Know when it is hard for the Leap to see a hand. When near the edge of the screen or when one hand is occlu...
2.3K
0
Light Pinch VR
Illuminate blue cubes by pinching your hands with Oculus Rift on
2.2K
2
3D Globe
3D Spinnable Globe
2.2K
0
Cylon.js + Arduino
Connect wirelessly with an Arduino board
2.1K
3
Finger Angle Signed
2.0K
3
Chrome Draw
Caligraphy on the DOM
2K
1
Build-a-Throw
This example shows how to pick up an object and throw it.
1.8K
2
THREE.js 3d light positioning
Move lights around a THREE.js scene
1.7K
2
Physics Buttons
Press buttons with a rigged hand using THREE.js and Physi.js
1.7K
2
Physics Knob
Move a virtual joystick in the direction of your choice with your hands using THREE.js and Physi.js
1.6K
1
Finger Angle
Measure the angle between your index and middle finger
1.6K
1
CSS3 Card Flip
Roll your hand to flip a DOM card
1.5K
1
Finger Labels
Which hand? Which finger? Now you can find out!
1.3K
1
Reveal.js Example Presentation
Learn how to build your own interactive browser-based presentation
1.2K
0
Finger Spheres
See spheres at your joints
1.2K
0
ScreenPosition Plugin
Create a cursor off of Leap Motion data.