Dynamic Masonry is a powerful, all-in-one masonry grid component built for high-impact visual layouts in Framer. It supports both images and videos, intelligent column balancing, smooth hover interactions, optional parallax motion, category filtering, and immersive fullscreen popups — all fully configurable from the properties panel.
Designed to feel premium out of the box while remaining deeply flexible, this component adapts effortlessly to portfolios, editorial layouts, product showcases, and media-heavy websites.
Image and video support in the same masonry grid
Automatic masonry column balancing based on item height
Optional category filter dropdown with glass or custom styles
Advanced hover effects
Zoom on hover
Grayscale to color transition
Gradient overlay for depth
Scroll-based parallax effect with adjustable intensity and smoothness
Fullscreen popup viewer for images and videos
Fully customizable popup overlay, blur, and close button styling
Adjustable columns, gaps, padding, and card border radius
Auto or fixed media height modes
Optimized for smooth performance and visual polish
Portfolio websites for designers, photographers, and studios
Editorial or magazine-style layouts
Creative agency case study pages
Product or brand galleries
Inspiration boards and moodboards
Media-rich landing pages
Content discovery or showcase sections
Visual portfolios that mix images and videos
Galleries that need filtering by category or theme
Modern websites that benefit from depth and motion
High-end product showcases with fullscreen previews
Creative projects that require flexible layout control without custom code
Frame Craft
