← Back to site

Playground

Try it live.

Pick an animation, adjust CSS variables and presets, hit Replay — then copy the generated snippet.

Animation

Distance preset

up · down · left · right

1.5rem

up · down · left · right

0.94

scale

8px

blur

700ms
90ms

cascade delay per card

Easing & speed

Visual here. On the live site, requires observer or auto mode.

Preview

01
02
03

Generated snippet