This Masonry 3D Gallery is designed to present visual content in a flexible, modern grid that adapts naturally to any layout. Images and videos are arranged using a responsive masonry structure, allowing each item to retain its natural aspect ratio while flowing seamlessly across multiple columns.
Subtle hover interactions add depth and engagement. Items gently scale on hover while a customizable color overlay fades in, creating a refined 3D inspired effect without overwhelming the content. These interactions are optimized for devices that support hover, while touch friendly behavior ensures a smooth experience on mobile.
The gallery includes an optional lightbox for immersive viewing. Clicking an item opens it in a focused overlay with background blur and opacity controls, helping users explore media without leaving the page. Built in navigation buttons allow quick browsing between items, and video content is fully supported inside the lightbox with native controls.
A staggered fade in animation brings the gallery to life as items load, adding a sense of rhythm and polish. Animation timing, distance, and delay are fully configurable, making it easy to match the motion style of your site. Responsive logic automatically adjusts column count, spacing, and padding for tablet and mobile screens.
With support for both uploaded media and external URLs, this gallery fits a wide range of workflows. Every detail, from spacing and overlays to lightbox controls, is customizable through Framer controls, making it simple to tailor the gallery to your brand and layout.
Responsive masonry layout with dynamic columns
Image and video support
Smooth hover zoom and overlay effects
Optional lightbox with blur and navigation
Staggered fade in animations
Touch friendly and mobile optimized
Upload and URL based media support
Fully customizable spacing and styling
Portfolio and photography websites
Creative agency projects
Editorial and blog layouts
Product showcases
Media rich landing pages
Designers showcasing visual work
Brands needing flexible image grids
Creators mixing images and video
Projects that value polish and motion
Framer users who want control without complexity