Apple Card Carousel
Horizontal card carousel with spring-animated full-screen expansion, inspired by Apple's App Store UI.
Basic Usage
Click any card to expand it. Press Esc or click the backdrop to dismiss.
Nature
Misty Mountains
Architecture
Brutalist Forms
Ocean
Deep Blue
Urban
City Lights
Desert
Sand & Silence
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cards | AppleCardData[] | required | Array of card data objects |
| class | string | undefined | Additional CSS classes |
AppleCardData Type
| Field | Type | Description |
|---|---|---|
| category | string | Label shown above the title |
| title | string | Main card title |
| src | string | URL of the card background image |
| description | string | Optional text shown in the expanded view |
| content | Snippet | Optional rich content snippet for the expanded view (takes precedence over description) |
Credits
- Inspired by Aceternity UI