Apple Cards Carousel

Cards scroll horizontally. Click one and it expands into a full modal with a smooth morph animation—title and image transition from card to expanded view. Images blur-to-clear as they load. Arrow navigation at the bottom. Close with X button, Escape key, or clicking outside. Handles scroll boundaries, keyboard shortcuts, and body scroll locking.

Apple Cards Carousel preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/apple-cards-carousel.json

npx shadcn@latest add https://www.shadcn.io/r/apple-cards-carousel.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/apple-cards-carousel.json

bunx shadcn@latest add https://www.shadcn.io/r/apple-cards-carousel.json

Related Components

FAQ