A high-performance 3-D carousel that rotates items in a circular arc with smooth physics and responsive behavior.

Phantom Black

Examples

Phantom Black

Phantom Black is a premium matte black finish that gives the car a stealthy and aggressive look.

Get ready to experience the thrill of the open road with our latest collection.

Experience the thrill of the night with our latest collection.

Experience the thrill of the drift with our latest collection.

Experience the thrill of the edge with our latest collection.

Experience the thrill of the noir with our latest collection.

Experience the thrill of the ghost with our latest collection.

Experience the thrill of the raw with our latest collection.

Experience the thrill of the circuit with our latest collection.

Phantom Black

$ npx shadcn@latest add https://akshitr.com/r/arc-carousel.json

import { ArcCarousel } from "@/components/arc-carousel";
 
export default function ArcCarouselDemo() {
  return <ArcCarousel />;
}

Prop	Type	Default	Description
slides	`CarouselSlide[]`	See `ARC_CAROUSEL_DEFAULTS`	Array of slide data. Works best with 5–9 slides.
enableSound	`boolean`	`false`	Enable sound effects for the carousel.
className	`string`	—	Additional classes applied to the root `section`.

Prop	Type	Default	Description
title	`string`	—	Card title. Rendered as the active label below.
content	`ReactNode`	—	Content to be displayed on the card.
className	`string`	—	Tailwind gradient or background class applied to the card face.
src	`string`	—	Optional image URL. When provided, renders an `<img>` instead of the gradient.