Back to Components


Components
Carousel
Horizontal slide carousel with autoplay, dot navigation, and swipe indicators.
Release notes
Design system updates
See the latest tokens and components ready for production.
Customer story
Studio spotlight
Highlight creative teams and the work they are shipping.
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.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge