api
Animation presets
50+ built-in presets for Animate, FadeIn, StaggerGroup, RevealOnScroll, and data-animate.
Usage
<Animate preset="clipRevealUp" variant="dramatic" trigger="view">
<Card />
</Animate>
<StaggerGroup preset="staggerElastic" gap={0.12}>
{items.map((item) => <Card key={item.id} />)}
</StaggerGroup>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| entrance | string[] | — | fadeIn, popIn, clipRevealUp, elasticUp, spinIn, maskCircleIn, … |
| scroll | string[] | — | scrollReveal, scrollRevealBlur, scrollFlip, scrollZoomOut, … |
| stagger | string[] | — | staggerFade, staggerBlur, staggerElastic, … |
| interaction | string[] | — | hoverLift, hoverScale, pulse, … |