Skip to content
MOTION LAB / Stable API

moveStagger

Learn more

Animate multiple children with a staggered delay. Perfect for lists, grids, and card layouts.

1
2
3
4
5
6
7
8
9

Controls Make it yours

fade-up
400ms
100ms2000ms
Easingease-out
50ms
20ms200ms
demo.htmlhtml
<div moveStagger moveStaggerStep="50ms">
  @for (item of items; track item.id) {
    <div moveEnter="fade-up" moveDuration="400ms" moveEasing="ease-out">{{ item.label }}</div>
  }
</div>