grid-photo
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.
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.
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.
Suman Debnath
