Quick

CSS Scroll-Snap Generator

Build a scroll-snapping carousel — try scrolling the preview below with a trackpad, mouse wheel or touch.

Advertisement

About this tool

The parent gets scroll-snap-type, and each child item gets scroll-snap-align — no JavaScript needed for the snapping itself.