Card Deck Spread
A dynamic card deck gallery for Framer. Images start stacked like a deck of cards and smoothly spread across the screen, creating an engaging, organized layout.
Made with Workshop
Build your own component with AI
A dynamic card deck gallery for Framer. Images start stacked like a deck of cards and smoothly spread across the screen, creating an engaging, organized layout.
Made with Workshop
Build your own component with AI
Bring your galleries to life with Card Deck Spread. Images start stacked like a deck of cards and smoothly spread into a clean, organized layout. Hover reveals titles, and clicking opens custom links. Fully customizable and perfect for portfolios, product showcases, and interactive galleries—no coding required.
Interactive cards → Hover to reveal card titles; click to open custom links.
Flexible content → Display between 2 and 20 cards, with per-breakpoint control for desktop, tablet, and mobile.
Animation Trigger → Choose how the initial animation starts: on scroll, on click, after a delay, or instantly.
Animation Intensity → Adjust animation speed for smoother or snappier transitions.
Customizable visuals → Adjust card size, spacing, border radius, shadow, blur, and hover border/background color.
Typography options → Works seamlessly with Framer’s native fonts for overlay text.
Images → Upload and assign a unique image to each card.
Titles & Links → Set hover titles and link destinations.
Responsive layout → Adjust card size, spacing, and number of cards per breakpoint.
Drag the component onto your Framer canvas.
Add 2–20 cards, assigning images, titles, and links.
Adjust card size, spacing, and number of cards per breakpoint.
Customize visuals, borders, and typography.
Choose how the initial animation triggers.
Preview live and publish—fully interactive, no code needed.
