---
title: "MasonryGalleryColumn — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Galleries. Create fluid interactive 3D images"
canonical: "https://framer.elliotli.dev/component/masonrygallerycolumn"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/MasonryGalleryColumn

# MasonryGalleryColumn

Create fluid interactive 3D images

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

![MasonryGalleryColumn preview image 1](https://framer.elliotli.dev/og/component/masonrygallerycolumn/c02fe2a8639007e4/1600x1200.jpg)

## Summary

Create fluid interactive 3D images

## Description

## About

3D Masonry Grid Pro brings an advanced, dynamic media gallery to your Framer projects. Drop it into a portfolio, product showcase, or landing page and let visitors experience a smooth, fluid masonry layout that reacts beautifully to interaction. With built in 3D perspective controls, responsive column adjustments, and smart hover states, your images will seamlessly scale and adapt to any device layout.

## What it does

This component renders a fluid masonry image grid, handles column distribution automatically, and applies real time 3D rotations based on user controls. The component features smooth global speed adjustments, adjustable perspective depth, customizable corner radiuses, and an interactive pause on hover function that gives you total control over how elements behave when a visitor interacts with them.

## What you can customize

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-dmznwk75-P1HcDF9wHisQVs1Xsq4ClvP4h9qPAP)

-   **Grid settings:** Total item count, column count with easy plus minus controls, column width, and gap spacing.
    
-   **3D & animation:** Global speed modifier, perspective depth, exact X axis and Y axis rotation angles, and overall depth.
    
-   **Styling & behavior:** Corner border radius, custom box shadows, overlay color and opacity adjustments, and flexible pause on hover settings for individual columns or the entire grid.
    

## Great for

-   Photography and design portfolios
    
-   Brand identity and launch pages
    
-   E commerce and product collection galleries
    
-   Creative studio case studies
    
-   Visual heavy sections on any landing page
    

## Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb

## Need help?

Questions or feedback? Reach me anytime: [dulajdilshan766@gmail.com](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb

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

-   All · #8570

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-06-05
- **Updated**: 2026-08-31
- **Added**: 2026-06-03
- **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