Velocity X Components

Carousels & Tickers

Generic Content Carousel

Framework-free vanilla-JS one-up carousel for arbitrary slotted content, with arrows, dots, keyboard and swipe.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add generic-content-carousel

Built for astro.

Full docs for Generic Content Carousel →

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

astro v1.0.0
Generic Content Carousel

Zero dependencies

Drops into any Astro or React project with no install.

Fully accessible

Keyboard nav, ARIA roles, reduced-motion support built in.

Dark mode native

Every component respects the site's existing theme toggle.

Props

NameTypeRequiredDefaultDescription
ariaLabelstringNo'Carousel'
showArrowsbooleanNotrue
showDotsbooleanNotrue

File this creates

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

text
components/velocity/generic-content-carousel/GenericContentCarousel.astro

Using the Generic Content Carousel component

Install it with velocityx add generic-content-carousel. 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.

More from Carousels & Tickers.