Scroll snap
Scrolling snaps to defined positions — the page clicks to the next section.
What you're seeing
Instead of free-scrolling, the page snaps to section boundaries — like advancing slides.
Where you'll see it
Full-page presentations, feature showcases, onboarding flows.
Difficulty
Very low — 1/5
Libraries that build it
CSS onlyLenis
Ready to prompt — paste this into your AI coding tool
"Apply CSS scroll-snap-type: y mandatory to the container, scroll-snap-align: start to each section"