---
title: "3D Masonry Gallery — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Interface Studio · Galleries. 3D Masonry Gallery is an interactive 3D media gallery for Framer that combines a dynamic masonry grid with smooth depth,…"
canonical: "https://framer.elliotli.dev/component/3d-masonry-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/3D Masonry Gallery

# 3D Masonry Gallery

Interactive Image & Video Gallery

[View on Framer](https://framer.com/marketplace/components/3d-masonry-gallery/?via=elliot-li)

![3D Masonry Gallery preview image 1](https://framer.elliotli.dev/og/component/3d-masonry-gallery/1aa1b2a8ab01f3d2/1600x1200.jpg)

## Summary

3D Masonry Gallery is an interactive 3D media gallery for Framer that combines a dynamic masonry grid with smooth depth, motion, and hover effects.

## Description

3D Masonry Gallery is an interactive 3D media gallery for Framer that combines a dynamic masonry grid with smooth depth, motion, and hover effects. Showcase both images and videos in a modern, visually engaging layout, making it perfect for portfolios, photography, filmmaking, product showcases, and creative projects.

### HOW TO USE

-   Add 3D Masonry Gallery to your Framer page
    
-   Add your images and videos to the gallery
    
-   Upload media or use custom media URLs
    
-   Customize the masonry layout, spacing, and card size
    
-   Adjust 3D depth, perspective, and hover effects
    
-   Add captions or labels if needed
    
-   Connect each card to its own page using the Link option
    
-   Customize colors, borders, and corner radius
    
-   Optimize the layout for desktop, tablet, and mobile
    
-   Publish your site and your gallery is ready
    

### KEY FEATURES

-   Interactive 3D masonry gallery
    
-   Image and video support
    
-   Dynamic masonry grid layout
    
-   Smooth 3D hover effects
    
-   Individual card links
    
-   Responsive media gallery
    
-   Smooth animations and transitions
    
-   Adjustable 3D depth and perspective
    
-   Custom spacing and card sizing
    
-   Touch-friendly interactions
    
-   Fully customizable in Framer
    
-   Easy no-code setup
    

### WHY 3D MASONRY GALLERY?

Perfect for creative portfolios, photography websites, filmmakers, design studios, agencies, architecture portfolios, fashion websites, product showcases, and visual storytelling. 3D Masonry Gallery transforms a traditional masonry gallery into an immersive 3D experience, combining images and videos with responsive layouts, smooth interactions, and premium motion to create a modern showcase for any Framer website.

## Rank history [How rankings work →](/terms#rankings)

-   All · #645

## Details

- **Author**: Interface Studio
- **Price**: $15.00
- **Published**: 2026-08-15
- **Updated**: 2026-10-07
- **Added**: 2026-08-15
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery