Transition tuner

Dial in spring physics or tween easing. Compare two side by side to pick a default.

Preview
A
spring · k=300 d=20 m=1.00
B
spring · k=80 d=8 m=1.00
Generated HEEx 
<.motion
  id="my-element"
  animate={%{
    action: "slide-up",
    transition: %{type: "spring", stiffness: 300, damping: 20, mass: 1.00}
  }}
  class="rounded-box bg-primary text-primary-content px-8 py-6"
>
  A
</.motion>