grid-photo
Photo Grid — a compact 4-tile gallery that expands on click into a responsive, animated photo grid with smooth staggered reveal and touch support.
Make it with Workshop
Build your own component with AI
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.
