Back to Components
Components

Carousel

Horizontal slide carousel with autoplay, dot navigation, and swipe indicators.

Design system updates

Release notes

Design system updates

See the latest tokens and components ready for production.

Studio spotlight

Customer story

Studio spotlight

Highlight creative teams and the work they are shipping.

Campaign previews

Marketing

Campaign previews

Line up hero visuals and messaging before launch day.

Swipe or drag to navigate

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/carousel.tsx

Installation

Using shadcn CLI

npx shadcn add carousel --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge