simple carousel

Basic carousel with navigation arrows and dot indicators

Nature's Majesty

Mountain Vista

Breathtaking mountain landscapes that inspire wanderlust

Choose your preferred installation method. CLI is recommended for the fastest setup.

One command, zero configuration

$ npx @hritik-sharmaa/repeat-ui add carousel-simple-carousel --variant ts-tailwind

Configuration options and properties for this component.

Prop	Type	Default	Description
`items`	`CarouselItem[]`	`-`	Array of carousel items to display. Each item should have id, title, subtitle, image, description, and color (which is optional) properties.
`autoPlay`	`boolean`	`true`	Whether the carousel should automatically advance to the next slide
`autoPlayInterval`	`number`	`5000`	Time in milliseconds between automatic slide transitions
`showControls`	`boolean`	`true`	Whether to show navigation arrows and play/pause button
`showProgress`	`boolean`	`true`	Whether to display the progress bar at the bottom
`showThumbnails`	`boolean`	`true`	Whether to show thumbnail previews at the bottom
`showIndicators`	`boolean`	`true`	Whether to show slide indicator dots at the bottom
`className`	`string`	`""`	Additional CSS classes to apply to the carousel container