grid-photo

A compact 4-tile gallery that expands

Photo Grid is an interactive Framer component that turns a minimal 4-square cover into a full, animated photo gallery. In its closed state, the component appears as a tidy 2×2 tile icon. When a user taps or clicks any tile, the component expands into a responsive 2×2 grid of images. Why use Photo Grid: Compact by default — saves layout space and reduces visual clutter until interaction. Delightful reveal — click or tap opens a cascading/staggered animation revealing the images with natural easing. Responsive & touch-friendly — works across desktop and mobile with optimised transforms for smooth playback. Use Cases: Photographer or designer portfolios (compact previews that expand into work samples). Travel and lifestyle galleries (teaser card that reveals images). Product preview cards in landing pages or shop features. Micro-interactions in hero sections to increase engagement.

A compact 4-tile gallery that expands