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
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
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.