Skip to content

component

Card Expand Reveal

By Wael Tamzouk

Details

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.

12001400147098/148/228/309/79/15
  • All · #3920