Apple Cards Carousel

Apple Cards Carousel preview

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.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:

use shadcnio to install the apple-cards-carousel component into my project

Related Components

FAQ