Aspyn

Carousel

Swipeable slides built on Embla.

shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026
SourceMarkdown

Installation

import {
  Carousel,
  CarouselContent,
  CarouselItem,
  CarouselPrevious,
  CarouselNext,
} from "@aspyn-io/kit";

Basic

Embla-powered: drag, swipe, keyboard arrows, and snap alignment.

1
2
3
4
5

Multiple slides per view

1
2
3
4
5
6

Vertical

Set orientation="vertical" to stack and scroll slides top-to-bottom; give the content a fixed height.

1
2
3
4
5

With dots / API

Pass setApi to reach the Embla instance, then render pagination dots and a slide counter driven by its select events.

1
2
3
4
5

Slide 1 of 0

Notes

  • Autoplay, loop, and other behaviors via embla plugins/opts props.
  • Get the API with setApi for custom pagination dots or slide counters.