MOTIONSTASH
Sign up
All components

Stagger Distributions

Primitives

Three delay distributions across one shared span, so linear, from-centre and eased staggers can be compared directly

Download preview768×432 preview render — the full-resolution file comes from running the component
8 seconds
Format
Stagger Distributions — Three delay distributions across one shared span, so linear, from-centre and eased staggers can be compared directly

This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.

primitivestaggertimingdocumentationcomparison
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/stagger-distributions.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

Three rows of twelve blocks demonstrating linear, from-centre and eased stagger distributions simultaneously, with a marker travelling across so the timing relationship is visible.

Similar components

Animate In Presets — Six entrance presets on six otherwise identical tiles, replayed so they can be compared directly rather than remembered

Animate In Presets

16:9 · 8s

Idle Loops — Float, pulse, breathe and wobble at deliberately tiny amplitudes, each closing its loop exactly because the cycle count is an integer

Idle Loops

16:9 · 8s

Path Follow — A marker travels an SVG route, banking into curves because its rotation comes from the path tangent rather than a separate animation

Path Follow

16:9 · 8s