Skip to content
Core ElementsFree

Carousel

A horizontally scrollable row of items with arrow controls.

Usage

Checkout redesign12 screens
Onboarding8 screens
Billing6 screens
Analytics10 screens

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { Carousel } from "@wunderui/react"

Examples

Cards that snap into place, with arrows to scroll.

Checkout redesign
12 screens
Design tokens v2
12 screens
Mobile onboarding
12 screens
Analytics
12 screens

In context

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

Recently viewed

A row of product cards in a shop, scrolled with the arrows.

Recently viewed

Linen overshirt€89
Canvas tote€34
Wool beanie€29
Leather card case€45