CSS Scroll Snap Generator

Configure CSS scroll-snap-type, scroll-snap-align, and related properties with a live interactive preview — then copy the CSS.

Snap axis Strictness Item scroll-snap-align scroll-snap-stop scroll-padding (px) Item scroll-margin (px) Preview items

Smooth scrolling

Scroll the box above — items should snap according to the current settings.

Generated CSS

Copied!