Core ElementsFree

Carousel

A horizontally scrollable row of items with arrow controls.

Usage

Checkout redesign12 screens

Onboarding8 screens

Billing6 screens

Analytics10 screens

bash

npx wunderui-cli add carousel

Writes the source into your project with its dependencies and, on first use, the styles — see Installation.

Then import what you need:

tsx

import { Carousel } from "@/components/wunderui/carousel"

Cards that snap into place, with arrows to scroll. Keyboard: focus the row and use ← and →; at either end the arrow stays focusable but disabled.

Checkout redesign

12 screens

Design tokens v2

12 screens

Mobile onboarding

12 screens

Analytics

12 screens

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.