WOW Effects

Carousel

A carousel component with motion and swipe support. Built with Embla Carousel.

Slide 1

Slide 2

Slide 3

Installation

npx benflux-ui add carousel

Usage

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

<Carousel className="w-full max-w-sm">
  <CarouselContent>
    {items.map((item, i) => (
      <CarouselItem key={i}>
        <div className="p-1">
          <Card>
            <CardContent>{item}</CardContent>
          </Card>
        </div>
      </CarouselItem>
    ))}
  </CarouselContent>
  <CarouselPrevious />
  <CarouselNext />
</Carousel>