3D Masonry Gallery

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.

Key Features

• 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

Best For

• Designer and developer portfolios

• Photography and creative showcases

• Product galleries and landing pages

• Agency websites

• Moodboards and inspiration walls

• Editorial and visual storytelling sections

How to Use

1. Add the component to your Framer canvas

2. Upload images or paste image URLs in the Images panel

3. Adjust columns, spacing, radius, and optional fixed item height

4. Choose a 3D view mode or enable on-screen view buttons

5. Fine-tune motion settings, hover scale, grayscale, and overlays

The gallery works instantly with sensible defaults and can be customized deeply when needed.

Why This Component

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.