Masonry Gallery Pro is a responsive mixed media gallery component built for Framer that combines dynamic masonry layouts, tag filtering, hover interaction, and fullscreen lightbox viewing in one flexible system. It supports both images and videos within the same gallery experience.
The masonry engine automatically arranges content into balanced responsive columns, while built in filters allow users to sort media collections through customizable dropdown controls with optional glassmorphism styling.
Hover scaling, shadow effects, smooth transitions, and fullscreen lightbox viewing add depth and interaction across the gallery. The lightbox also supports keyboard navigation, responsive scaling, and immersive viewing for both images and videos.
Customisation includes column layouts, mobile responsiveness, spacing, filter styles, hover intensity, navigation controls, and autoplay options, giving full control over both layout and interaction.
Responsive masonry media layout
Supports both images and videos
Dynamic tag-based filtering system
Customizable glassmorphism dropdown filters
Fullscreen lightbox with smooth transitions
Keyboard navigation and accessibility support
Hover scale and shadow interactions
Responsive desktop and mobile columns
Customizable navigation and close controls
Video autoplay and looping support
Responsive and performance optimized
Portfolio and media galleries
Photography and video showcases
Creative agency websites
Editorial and campaign layouts
Brand storytelling pages
Content rich landing pages
Designers building modern media galleries
Agencies showcasing mixed media projects
Brands organizing visual content collections
Creators publishing image and video libraries
Websites needing flexible gallery systems
Combines images and videos in one gallery system
Makes large media collections easy to explore
Enhances engagement with filtering and lightbox viewing
Adapts seamlessly across screen sizes and layouts
Delivers premium gallery interaction with smooth performance
Mohd Mehraj
