component
Card Expand Reveal
By Wael Tamzouk
Details
- Wael TamzoukAuthor
- componentType
- 2026-02-11Published
- 2026-02-11Updated
- 2026-01-31Added
- CardsCategories
Summary
Expandable cards with press interaction
Description
Features Designed for a fixed three-card layout Cards expand on press to reveal content Each card supports title, text, and image Default state shows title only Layout remains stable during interaction Fully responsive across breakpoints Built using Framer variants and interactions No code required Effects / Interactions One card expands on press while others collapse Layered content fades and moves in smoothly Visual emphasis shifts to the active card Motion remains subtle and controlled Interaction handled natively in Framer Media Guidelines Use consistent image ratios across all three cards for best results.Recommended sizes: Card images: 300 × 300 Using these ratios ensures smooth expansion and consistent alignment across breakpoints.
Introduction
Expandable cards with press interaction
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3920