Horizontal Scroll Gallery pro

A pinned section where vertical scrolling slides a row of cards sideways, then releases the page.

Scroll inside the preview to try it.

Customize

Demo card titles (ignored when you pass children)

Heading shown above the row (empty = none)

Demo card colours

Card width (px)

Card height (px)

Space between cards (px)

Corner roundness (px)

Easing. Lower is silkier, 1 follows the scroll exactly

import HorizontalScrollGallery from './HorizontalScrollGallery';

<HorizontalScrollGallery />

Checking your access…

Dependencies: none