Carousels & Tickers

Card Slider (Snap Scroll)

Horizontal card scroller on native CSS scroll-snap with edge-aware arrow buttons and keyboard navigation.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add card-slider-snap

Built for react. Needs react, react-dom already installed as peer dependencies. An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.

Full docs for Card Slider (Snap Scroll) →

Needs a licence key — subscribe here, then velocityx loginonce.

react v1.0.0 react react-dom

Card Slider (Snap Scroll)

Strategy

Positioning, ICP, and messaging that holds up.

Design

Interfaces that feel considered, not templated.

Build

Production code, shipped, not a prototype.

Growth

Analytics and experiments wired from day one.

Support

A real human who answers within a day.

Props

Name	Type	Required	Default
items	+ renderItem(item, i) for a data-driven list	Yes
renderItem	undocumented	Yes
children	— pass card elements directly, OR	Yes
cardClassName	string	No	'w-[260px] sm:w-[300px]'

"renderItem" has no type documented in the `Props:` comment and no default literal to infer one from.

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/card-slider-snap/CardSliderSnap.jsx

Using the Card Slider (Snap Scroll) component

Install it with velocityx add card-slider-snap. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Card Slider (Snap Scroll)

Strategy

Design

Build

Growth

Support

Props

File this creates

Using the Card Slider (Snap Scroll) component

Related components