UI95

Carousel

shadcn carousel reskinned for UI95.

Examples

Ahorizontal
DISK 1
DISK 2
DISK 3
DISK 4
DISK 5
Bvertical
DISK 1
DISK 2
DISK 3
DISK 4
DISK 5

Installation

npx shadcn@latest add https://www.ui95.dev/r/carousel.json

Run it in a Radix shadcn project that already has the UI95 theme.

API reference

Carousel

PropTypeDefault
optsPartial<import("/vercel/path0/node_modules/embla-carousel/esm/components/Options").OptionsType>-
pluginsimport("/vercel/path0/node_modules/embla-carousel/esm/index").CreatePluginType<import("/vercel/path0/node_modules/embla-carousel/esm/components/Plugins").LoosePluginType, {}>[]-
orientation"vertical" | "horizontal""horizontal"
setApi((api: CarouselApi) => void)-

CarouselContent

No props of its own. It forwards the props of the element or primitive it wraps.

CarouselItem

No props of its own. It forwards the props of the element or primitive it wraps.

CarouselNext

PropTypeDefault
variant"link" | "default" | "outline" | "secondary" | "ghost" | "destructive""outline"
size"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg""icon-sm"
asChildboolean-

CarouselPrevious

PropTypeDefault
variant"link" | "default" | "outline" | "secondary" | "ghost" | "destructive""outline"
size"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg""icon-sm"
asChildboolean-

Uses

Updated Nov 5, 2026