Asymmetric Grid is a premium scatter gallery component for Framer designed for photography portfolios, fashion showcases, modern landing pages, and editorial media experiences. Built with an organic masonry layout, mouse based parallax motion, filter pills, and a full screen lightbox, it transforms ordinary image grids into expressive interactive galleries with depth and rhythm. The component supports both images and videos with responsive rendering, hover interaction, skeleton loading, and automatic thumbnail generation for smooth performance across desktop and mobile devices.
What Makes This Different
Unlike rigid gallery grids or standard masonry layouts, Asymmetric Grid scatters media in an organic offset arrangement with adjustable chaos and real proportion detection. The parallax movement, immersive lightbox with thumbnail navigation, and side description panel add depth and editorial polish that make the gallery feel curated and alive instead of static.
Key Features
Organic scatter masonry layout
Adjustable chaos and offset control
Mouse based parallax motion
Full screen immersive lightbox
Thumbnail strip navigation
Optional side description panel
Photo and video filter pills (toggleable)
Automatic video thumbnails (YouTube, Vimeo, Drive, MP4)
Skeleton loading transitions
Keyboard navigation support
Mobile optimized lightbox
Adjustable columns, spacing, and width
Instructions
Copy and paste the component into your Framer project. Upload your images or videos directly into the media controls and adjust layout, spacing, motion, and colors from the properties panel.
Best For
Photographers, creative agencies, editorial brands, and Framer creators building curated, expressive gallery layouts.
Get it for$10.00
Tags
Framer
Asymmetric Grid is a premium scatter gallery component for Framer designed for photography portfolios, fashion showcases, modern landing pages, and editorial media experiences. Built with an organic masonry layout, mouse based parallax motion, filter pills, and a full screen lightbox, it transforms ordinary image grids into expressive interactive galleries with depth and rhythm. The component supports both images and videos with responsive rendering, hover interaction, skeleton loading, and automatic thumbnail generation for smooth performance across desktop and mobile devices.
What Makes This Different
Unlike rigid gallery grids or standard masonry layouts, Asymmetric Grid scatters media in an organic offset arrangement with adjustable chaos and real proportion detection. The parallax movement, immersive lightbox with thumbnail navigation, and side description panel add depth and editorial polish that make the gallery feel curated and alive instead of static.
Key Features
Organic scatter masonry layout
Adjustable chaos and offset control
Mouse based parallax motion
Full screen immersive lightbox
Thumbnail strip navigation
Optional side description panel
Photo and video filter pills (toggleable)
Automatic video thumbnails (YouTube, Vimeo, Drive, MP4)
Skeleton loading transitions
Keyboard navigation support
Mobile optimized lightbox
Adjustable columns, spacing, and width
Instructions
Copy and paste the component into your Framer project. Upload your images or videos directly into the media controls and adjust layout, spacing, motion, and colors from the properties panel.
Best For
Photographers, creative agencies, editorial brands, and Framer creators building curated, expressive gallery layouts.
$10.00