ComponentReactregistry:ui4 dependencies

Carousel

carousel

Slider/carousel on embla-carousel-react with horizontal or vertical orientation, keyboard support and prev/next controls built from ai2 Button. Exports Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext.

@ai2 Registry JSON

Live

Starting the live preview…

Rendered from its demo Carousel Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Wrap slides in CarouselItem inside CarouselContent; set basis on items for multi-slide views. Pass opts for embla options and plugins for autoplay. setApi exposes the embla api.

Install

npx shadcn@latest add @ai2/carousel

Needs @ai2 in your components.json registries — switch to URL if it doesn't resolve.

Registry: @ai2
Kind: Component
Framework: React
Files: 1 · 5.4 KB
Preview: Live via example
License: MIT

npm dependencies

embla-carousel-react lucide-react

Registry dependencies

button@ai2
tokens@ai2

4 other registries

Similar components

Other registries' take on carousel.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Usage example for the ai2 carousel component.

@ai2

More from @ai2

Search the catalog

Carousel

Notes from the author

Similar components

See it in use

More from @ai2