Docs
Carousel
Interactive Carousel

Interactive Carousel

A carousel with uwufied hover animations.

by Armaan Verma

Carousel image

Pink Sky

Carousel image

Astronaut

Carousel image

Timothee Chalamet?

Installation


Usage


Interactive Carousel Example

1import InteractiveCarousel from "@/components/interactive-carousel";
2
3const carouselItems = [
4 {
5 image: "Link",
6 title: "Text",
7 }
8]
9
10export 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


PropType DefaultDescription
itemsItemProps[]carouselItemsAn optional array of objects, each containing an image (string) and a title (string). If not provided, the component defaults to using the carouselItems array.