A cinematic masonry-style gallery with smooth in-view animations, depth on hover, and a fullscreen viewer. Ideal for portfolios, creative showcases, and visually rich landing pages
Made with Workshop
Build your own component with AI
A beautifully engineered waterfall/masonry image gallery built for high-end visual storytelling. This component uses real Intersection Observer magic, dynamic scaling, lazy loading, and a polished full-screen pop-up viewer to create an immersive browsing experience.
Ideal for portfolios, creative studios, photo galleries, product showcases, and visual landing pages that need depth, motion, and effortless performance.
🖼️ True Waterfall/Masonry LayoutAuto-spanning columns with natural visual rhythm.
🎯 Smart In-View AnimationsIntersection Observer highlights images and dims inactive ones.
🌀 Cinematic Hover EffectsSmooth scaling, brightness shifts, and subtle glow borders.
📸 Fullscreen Popup ViewerWith a modern close button, keyboard support, and click-to-close.
⚡ Lazy Loading + Infinite ScrollLoads images in batches for performance on large galleries.
🎛️ Highly CustomizableBorder, radius, scaling, blur, brightness, close button, spacing, etc.
🎨 Responsive & Smooth on FramerWorks beautifully in any layout—no coding needed.
🧩 Framer-Native ControlsBuilt with complete property controls to tweak every visual detail.
📸 Photography portfolios
🎨 Designers & studios
🛍️ Product showcases
🖼️ Moodboards / inspiration walls
🧳 Travel + lifestyle blogs
🏙️ Architecture & interior portfolios
🎬 Film, art, editorial, and showcase landing pages
Drop the component onto your Framer canvas
Go to Properties → Images and upload your gallery
Adjust:
Column width
Gaps & layout spacing
Border & radius
Blur, brightness, scale values
Popup close button styling
Hit Preview to see live intersection animations
Add more images—lazy loading handles the rest automatically