CSS scroll-snap Builder

Configure scroll-snap-type / scroll-snap-align.

Axis Strictness Snap align Smooth scroll

.scroll-container {
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}

.scroll-item {
  scroll-snap-align: start;
}

About this tool

Build the CSS for a snapping scroll container — horizontal vs vertical, mandatory vs proximity, plus the per-item snap-align.