CSS Scroll Snap Generator

Build scroll snap containers visually. Configure type, alignment, padding and behavior — scroll the live demo and copy the CSS instantly.

Orientation

Container — scroll-snap-type

Strictness

scroll-padding (px)

0px

overscroll-behavior

Children — scroll-snap-align

Align

scroll-snap-stop

Slides

Slide count

5

Slide size

Gap (px)

0px

Live Demo — scroll it! scroll-snap-type: x mandatory

CSS Output