Card Expand Reveal

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.