Carousel

Browse content one slide at a time

A sliding content viewer with arrow navigation, dot indicators, optional auto-play, and keyboard support. Auto-play pauses on hover or keyboard focus, and never starts at all when the reader prefers reduced motion.

Default

Loop

Auto-play

Dots only

tsx
// From the npm package
import { Carousel } from 'rift-ds/components/Carousel/Carousel';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/carousel.json