Smooth Scroll

A smooth scroll stacking card effect built with React and Framer Motion. Creates an engaging layered animation where cards overlap and transition fluidly as the user scrolls.

you can check this doc react lenis

Installation

npm install lenis/react

We use lenis for smooth scrolling:

1
'use client';

2
import { ReactLenis } from 'lenis/react';

3
export default function HorizontalScroll(): JSX.Element {

4
  return <ReactLenis root>{/* content */}</ReactLenis>;

5
}
Stacking CardSticky Scroll