3D Masonry Infinite Gallery is a visually rich, performance-optimized gallery component built for designers who want more than a static grid. It blends a classic masonry layout with smooth infinite scrolling, cinematic 3D transforms, and subtle hover interactions to create a premium browsing experience.
The gallery supports both uploaded images and external URLs, automatically balances columns for a clean masonry layout, and loops infinitely with inertia-based scrolling for a natural, fluid feel. Built-in view mode presets allow instant switching between different 3D perspectives without writing any code.
Responsive masonry layout with auto-balanced columns
Infinite vertical scrolling with smooth inertia and optional auto-scroll
Multiple 3D view modes: Wall, Table, Tunnel, and Flat
Adjustable perspective, rotation, scale, and depth controls
Optional hover scale interaction for focused viewing
Supports image uploads and external image URLs
Grayscale control, background color, rounded corners, and edge fade overlays
Optimized for performance using GPU-friendly transforms and frame throttling
Designer and developer portfolios
Photography and creative showcases
Product galleries and landing pages
Agency websites
Moodboards and inspiration walls
Editorial and visual storytelling sections
Add the component to your Framer canvas
Upload images or paste image URLs in the Images panel
Adjust columns, spacing, radius, and optional fixed item height
Choose a 3D view mode or enable on-screen view buttons
Fine-tune motion settings, hover scale, grayscale, and overlays
The gallery works instantly with sensible defaults and can be customized deeply when needed.
This component is designed to feel dynamic and immersive while remaining easy to use and performant. It’s ideal for anyone looking to create a modern, scroll-based gallery experience that stands out without complex setup.
Frame Craft
