A flexible masonry gallery for images and videos, smart filtering, smooth hover effects, and a full-screen lightbox. Great for portfolios, product displays, and media-rich layouts.
Made with Workshop
Build your own component with AI
Masonry Gallery Pro is a responsive and customizable gallery that arranges images and videos in a flowing masonry style. It includes tag-based filtering, polished hover interactions, and a full-screen lightbox with keyboard controls. Ideal for portfolios, case studies, blogs, products, and any layout that needs a modern media grid.
🖼️ Supports both images and videos in one grid
🏷️ Tag-based filtering with a clean dropdown
📱 Mobile-friendly column control
✨ Smooth hover scale and optional shadows
🔍 Full-screen lightbox with animations
⌨️ Keyboard navigation included
⬅️➡️ Previous and next navigation buttons
🎨 Customizable close and nav button styles
⚡ Shimmer style loading placeholders
▶️ Auto-play support for videos
Design or photography portfolios
Case studies and visual storytelling
Product or e-commerce galleries
Blog media sections
Mood boards and inspiration layouts
Artwork and poster collections
Media-driven landing pages
Add the component to your Framer canvas
Upload your images or videos in the Images section
Add tags if you want filter categories
Set desktop and mobile column counts
Adjust spacing using the Gap control
Customize hover scale and shadow intensity
Configure lightbox background and button styles
Enable video auto play if needed
Choose filter alignment and position to match your layout