Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Fan a compound across N indexed DOM elements where each child has UNIQUE from/to values on shared channels. Per-child variation sibling of F324 staggerAnimation (which requires uniform values). Use for mouse-driven dispersals, hover-chaos grids, card-spread layouts, per-icon flutter — any "N siblings, same channels, different ranges". Compound: expands into N× propertyAnimation at load time (fixed-point loop then expands each to mk+pw).
Type variantStaggerAnimationCategory textContext sharedDynamic ports noCompound yes
Inputs
| Port | Type | Description |
|---|---|---|
progress | float | Progress |
Outputs
| Port | Type | Description |
|---|---|---|
| - | - | No ports declared. |
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
selectorTemplate | string | "" | Selector Template |
channels | variantStaggerChannelMeta | {"translateX":{"type":"float","unit":"px","ease":"linear"}} | Channel Metadata |
variants | variantStaggerTable | [{"index":1,"values":{"translateX":[0,10]}},{"index":2,"values":{"translateX":[0,-10]}}] | Variants |
Envelope
Use variantStaggerAnimation as the node type inside a graph node envelope. Add id, optional params, optional connections, and optional activeWhen based on the guide context.
Generated source
Registry faster-motion-docs/node-registry.jsonCategory page /help/faster-motion/faster-motion-node-category-text/