011 /Lab
SmoothScroll + Reveal
Lenis scrolling, anchor links and scroll reveals.
Section
First section
- Card 1: enters once, staggered.
- Card 2: enters once, staggered.
- Card 3: enters once, staggered.
Section
Second section
- Card 1: enters once, staggered.
- Card 2: enters once, staggered.
- Card 3: enters once, staggered.
Section
Third section
- Card 1: enters once, staggered.
- Card 2: enters once, staggered.
- Card 3: enters once, staggered.
Section
Fourth section
- Card 1: enters once, staggered.
- Card 2: enters once, staggered.
- Card 3: enters once, staggered.
Section
Fifth section
- Card 1: enters once, staggered.
- Card 2: enters once, staggered.
- Card 3: enters once, staggered.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| SmoothScroll | provider | root layout | Lenis on the document. Native scrolling under reduced motion. |
| Reveal.delay | number | 0 | Milliseconds, for staggering siblings. |
| Reveal.as | div | li | section | div | Element to render. |