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
7.0K
4
VR Quickstart
This minimal demo show how to get started with Leap Motion Virtual Reality on the web.
8.1K
2
VRCollage
Move the collage of pictures in VR
6.5K
7
Left or Right
This shows how to use Screen Position on the rigged hand plugin to position divs outside of a WebGL context...
7.6K
8
Grab Strength
Grab indicates how close a hand is to being a fist – any fingers that aren't curled will reduce grab streng...
5.5K
7
Boilerplate for Three.js an...
Use this simple code to setup Leap Motion and Three.js quickly!
4.2K
2
Bone Hands
Easily add hands to your javascript/THREE.js application
7.7K
2
Cylon.js + Arduino
Connect wirelessly with an Arduino board
5.7K
5
pinchStrength
Simple example showing pinch strength with the Rigged Hand
4.7K
4
Reveal.js Example Presentation
Learn how to build your own interactive browser-based presentation
4.5K
3
Simple Particles using Leap...
The particles come to life with Javascript
3.7K
4
Chrome Draw
Caligraphy on the DOM
3.7K
3
Finger Angle Signed
<img src="https://di4564baj7skl.cloudfront.net/assets/leapjs/leapjs-logo-270-0cfcbb5fbc292c005453c6cb976a99...
3.2K
3
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...
3.0K
0
Light Pinch VR
Illuminate blue cubes by pinching your hands with Oculus Rift on
2.9K
2
Physics Buttons
Press buttons with a rigged hand using THREE.js and Physi.js
2.8K
2
Build-a-Throw
This example shows how to pick up an object and throw it.
2.7K
3
THREE.js 3d light positioning
Move lights around a THREE.js scene
2.7K
2
Finger Angle
Measure the angle between your index and middle finger
2.5K
2
Physics Knob
Move a virtual joystick in the direction of your choice with your hands using THREE.js and Physi.js
2.4K
0
1,048,576 Particles
GPU Physics with WebGL
2.4K
1
CSS3 Card Flip
Roll your hand to flip a DOM card
2.1K
2
Finger Labels
Which hand? Which finger? Now you can find out!
2.1K
0
Cylon.js + Parrot AR.Drone
Take control of a flying drone
2.0K
0
ScreenPosition Plugin
Create a cursor off of Leap Motion data.