Experience the smooth scroll-based stacking animation. Scroll down to see cards stack and transform.
This is the first card in the stack. As you scroll, it will scale down and stack with the cards below.
The second card will stack on top of the first one with a slight rotation and scale effect.
This card demonstrates the blur effect that gets applied to cards deeper in the stack.
Each card in the stack has progressive scaling and rotation for a natural stacking effect.
The final card in our demonstration stack. Keep scrolling to see the complete animation sequence.
ScrollStack is a React component that creates smooth scroll-based stacking animations. It uses Lenis for smooth scrolling and provides various customization options: