Shadcn.io is not affiliated with official shadcn/ui
Apple Cards Carousel
Apple-style horizontal card carousel with click-to-expand modals for React
You know that card carousel on Apple's website? This is that. Cards scroll horizontally, click one and it expands into a full modal with that satisfying morph animation—title and image smoothly transitioning from card to expanded view. Images blur-to-clear as they load. Arrow navigation at the bottom. Click outside or hit Escape to close. It's the kind of polish that makes product showcases, portfolios, and feature tours feel premium. All the details are handled: scroll boundaries, keyboard shortcuts, body scroll locking.
Installation
Related Components
3D Marquee
Isometric image gallery
Animated Testimonials
Carousel testimonials
Marquee
Infinite scrolling
Animated Modal
Expandable modals
FAQ
Was this page helpful?
Sign in to leave feedback.