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.