NOTE: This version of the documentation tracks unstable development happening on A-Frame’s master branch. If you wish to try it out, grab the unstable build. Otherwise, head to the documentation for the current 1.6.0 version

Grab any entity with hand tracking using the pinch gesture.


<a-entity id="leftHand" hand-tracking-grab-controls="hand: left;"></a-entity>
<a-entity id="rightHand" hand-tracking-grab-controls="hand: right;"></a-entity>

The grabbable component makes any entity hand grababble.

<a-box grabbable></a-box>

For debugging purposes you can make the colliders visible, changing color when a collision is detected, as shown below:

<a-scene obb-collider="showColliders: true"></a-scene>


Property Description Default Value
hand The hand that will be tracked (i.e., right, left). left
handColor The color of the hand model. white
hoverColor Hand color when hand intersects a grabbable entity bounding box. #538df1
hoverEnabled If the hand model changes color when intersecting a grabbable entity. false