Back to Components
Components
Media Carousel
Horizontal media carousel with navigation buttons and dot indicators.
Media carousel
Browse the latest media updates.
IMAGE
Product feature
Image spotlight
VIDEO1:24
Launch highlight
Short reel
AUDIO38 min
Team update
Podcast clip
IMAGE
Behind the scenes
Studio capture
VIDEO0:46
Campaign preview
Video teaser
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/media-carousel.tsx
Installation
Using shadcn CLI
npx shadcn add media-carousel --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge