Carousel

Preview

npx shadcn@latest add @cubby-ui/carousel


import {
  Carousel,
  CarouselContent,
  CarouselItem,
  CarouselNext,
  CarouselPrevious,
} from "@/components/ui/cubby-ui/carousel";


<Carousel>
  <CarouselContent />
  <CarouselPrevious />
  <CarouselNext />
</Carousel>

Display images in a sliding carousel.

Image 1

Image 2

Image 3

Image 4

Show multiple items per view.

Adjust carousel size based on viewport.