LiveAnimate Playground

Tune an animation, see it live, copy the HEEx. Explore more in the sections at left.

Preview

slide-up

Generated HEEx

<.motion
  id="my-element"
  animate={%{
    action: "slide-up",
    transition: %{type: "spring", stiffness: 100, damping: 10, mass: 1.00}
  }}
  class="rounded-box bg-primary text-primary-content px-8 py-6"
>
  Content
</.motion>