Docs
→Carousel
→Interactive Carousel
Interactive Carousel
A carousel with uwufied hover animations.
by Armaan Verma

Pink Sky

Astronaut

Timothee Chalamet?
Installation
Usage
Interactive Carousel Example
1import InteractiveCarousel from "@/components/interactive-carousel";23const carouselItems = [4 {5 image: "Link",6 title: "Text",7 }8]910export default function Example() {11 return <InteractiveCarousel items={carouselItems} />;12}
Understanding the component
The InteractiveCarousel component displays a set of images and titles in a carousel format with interactive hover effects.
Credits
By Armaan Verma.
Props
| Prop | Type | Default | Description | 
|---|---|---|---|
| items | ItemProps[] | carouselItems | An optional array of objects, each containing an image (string) and a title (string). If not provided, the component defaults to using the carouselItems array. |