Items that bounce and stick to the center while scrolling.
Unlock component
One license unlocks every pro feature for life, including the ones we haven't built yet.
Already have an account? Sign in
| Name | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | The items to animate. |
staggerValue | number | 0.03 | Delay between each item, as a fraction of the scroll. |
scrollDistance | number | 400 | How long the animation lasts. 100 equals one viewport of scrolling. |
overlap | number | 0 | Shortens the empty space before and after the animation, so the animation starts sooner. 100 equals one viewport of scrolling. |
Motion
React animation library.
Smooth Scroll (Atelier)
Smooth scrolling for the whole page.