---
title: "Draggable Masonry — Framer component · Best of Framer"
description: "$20.00 · Framer component · by Axis Supply · Galleries. Draggable Masonry is an interactive media masonry gallery for Framer that lets visitors physically drag and rearrange cards directly…"
canonical: "https://framer.elliotli.dev/component/draggable-masonry"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Draggable Masonry

# Draggable Masonry

CMS Lightbox Masonry Media Gallery

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

![Draggable Masonry preview image 1](https://framer.elliotli.dev/og/component/draggable-masonry/af8153c544a44d1b/1600x1200.jpg)

## Summary

Draggable Masonry is an interactive media masonry gallery for Framer that lets visitors physically drag and rearrange cards directly inside the gallery.

## Description

**Draggable Masonry** is an interactive media masonry gallery for Framer that lets visitors physically drag and rearrange cards directly inside the gallery. Built for both images and videos, it combines a responsive masonry layout with fluid spring animations, CMS Link compatibility, hover effects, and an immersive lightbox.

## ✦ Key Features

-   **Draggable Masonry** - Pick up and reposition cards directly inside the gallery.
    
-   **Dynamic Reordering** - Cards smoothly reorganize as dragged media moves through the layout.
    
-   **Image & Video Support** - Mix images and videos together in the same masonry gallery.
    
-   **CMS Link Compatible** - Connect individual cards to Framer CMS pages or other destinations.
    
-   **Multiple Aspect Ratios** - Choose portrait, tall, square, landscape, wide, or custom proportions for each card.
    
-   **Responsive Masonry** - Set different column counts for desktop, tablet, and mobile layouts.
    
-   **Interactive Hover Effects** - Customize media scale, brightness, and opacity on hover.
    
-   **Lightbox Viewer** - Open unlinked media in an immersive fullscreen viewer with previous and next navigation.
    
-   **Video Playback** - Display videos directly inside the grid with dedicated lightbox playback options.
    
-   **Entrance Animation** - Introduce gallery cards with smooth staggered motion.
    
-   **Custom Card Styling** - Control spacing, radius, borders, shadows, backgrounds, and media fitting.
    

## ✦ What You Can Create

-   Draggable portfolio galleries
    
-   Photography showcases
    
-   CMS project collections
    
-   Image and video portfolios
    
-   Creative agency work
    
-   Editorial media grids
    
-   Art and exhibition galleries
    
-   Case study collection
    

## ✦ A Masonry Gallery You Can Actually Move

Draggable Masonry turns a traditional static gallery into an interactive canvas. Visitors can grab media, move it through the composition, and watch the surrounding cards smoothly rearrange themselves. Keywords**:** Draggable Masonry, CMS Masonry, Masonry Gallery, Draggable Gallery, CMS Gallery, Framer CMS, CMS Link, Framer Masonry, Image Masonry, Video Masonry, Media Gallery, Interactive Gallery.

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

-   All · #264

## Details

- **Author**: Axis Supply
- **Price**: $20.00
- **Published**: 2026-09-14
- **Updated**: 2026-09-22
- **Added**: 2026-09-14
- **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