---
title: "CMS Media Masonry — Framer component · Best of Framer"
description: "$20.00 · Framer component · by Interface Studio · Galleries. CMS Media Masonry is a flexible responsive media gallery for Framer that combines images and videos in a clean masonry…"
canonical: "https://framer.elliotli.dev/component/cms-media-masonry"
---

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

# CMS Media Masonry

Filterable CMS Masonry Gallery

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

![CMS Media Masonry preview image 1](https://framer.elliotli.dev/og/component/cms-media-masonry/fcaef188d91aa1be/1600x1200.jpg)

## Summary

CMS Media Masonry is a flexible responsive media gallery for Framer that combines images and videos in a clean masonry layout with automatic filtering, smooth hover effects,…

## Description

**CMS Media Masonry** is a flexible responsive media gallery for Framer that combines images and videos in a clean masonry layout with automatic filtering, smooth hover effects, animated reveals, and an immersive fullscreen viewer. Each media item can include its own title, subtitle, categories, and **CMS Link**, making it ideal for **creative portfolios, photography websites, agencies, studios, fashion brands, editorial websites, case studies, and visual storytelling**.

## HOW TO USE

-   Add **CMS Media Masonry** to your Framer page
    
-   Add images or videos to each media item
    
-   Add titles, subtitles, categories, and CMS links
    
-   Choose natural or uniform tile sizing
    
-   Customize columns, spacing, radius, and tile proportions
    
-   Enable filters, animations, video playback, and fullscreen viewer
    

## KEY FEATURES

-   Responsive masonry media gallery
    
-   Image and video support
    
-   Upload or URL media support
    
-   Natural and uniform layouts
    
-   Automatic responsive columns
    
-   Custom tile aspect ratios
    
-   Category filtering with item counts
    
-   Multi-filter selection
    
-   Sticky, floating, or inline filter dock
    
-   Smooth entrance and filter animations
    
-   Image hover zoom, tint, and shadow effects
    
-   Video autoplay, looping, and muted playback
    
-   Smart in-view video playback
    
-   Fullscreen media viewer
    
-   Previous and next navigation
    
-   Keyboard and mobile swipe navigation
    
-   Custom titles and subtitles
    
-   Individual CMS Link support
    
-   Light and dark viewer options
    
-   Responsive desktop and mobile layouts
    
-   Reduced-motion support
    

## WHY CMS MEDIA MASONRY?

**CMS Media Masonry** gives your Framer website a flexible way to showcase **images and videos together in one responsive gallery**. The masonry layout keeps the presentation dynamic while automatic filters make it easy for visitors to explore different categories.Keywords**:** CMS Masonry Gallery, Framer CMS Gallery, Framer Masonry Gallery, Media Gallery Framer, Image Video Gallery, Responsive Masonry Gallery, Framer Gallery Component, CMS Media Gallery, Portfolio Gallery, Creative Portfolio, Video Gallery, Image Gallery, Framer Code Component.

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

-   All · #785

## Details

- **Author**: Interface Studio
- **Price**: $20.00
- **Published**: 2026-08-30
- **Updated**: 2026-11-05
- **Added**: 2026-08-30
- **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