Gestures lab

Hover, tap, and drag with axis locking, constraints, and elastic overscroll.

Interact
Drag me
Generated HEEx 
<.motion
  id="interactive"
  hover="lift"
  tap="press"
  drag={%{constraints: %{top: -80, bottom: 80, left: -150, right: 150}, elastic: 0.35}}
  class="rounded-box bg-primary text-primary-content px-8 py-6"
>
  Interact with me
</.motion>