CMS Filter Masonry

CMS Filter Masonry

About CMS Filter Masonry

CMS Filter Masonry is a responsive masonry gallery for Framer designed to showcase images in a clean, editorial-style grid with smooth animations, category filtering, hover effects, and an immersive focus view. Each card can be connected individually to its own CMS page using the CMS Link option, without requiring a CMS Collection inside the component.

HOW TO USE

  • Add CMS Filter Masonry to your Framer page

  • Add your images to the gallery

  • Add titles, categories, and metadata

  • Connect each card to its own CMS page using CMS Link

  • Enable category filtering to organize your content

  • Customize the masonry layout, columns, and spacing

  • Adjust image fit, radius, and hover zoom

  • Enable the focus view for a fullscreen image experience

  • Customize typography, colors, and animation

  • Adjust the layout for desktop, tablet, and mobile

  • Publish your site and your gallery is ready

KEY FEATURES

  • Responsive masonry image gallery

  • Individual CMS Link support

  • Link every card to its own CMS page

  • Category filtering

  • Automatic or manual masonry layouts

  • Featured image support

  • Smooth reveal and hover animations

  • Interactive fullscreen focus view

  • Previous and next image navigation

  • Responsive desktop, tablet, and mobile layouts

  • Custom image captions and metadata

  • Image index labels

  • Adjustable columns, gaps, and card sizing

  • Custom typography and colors

  • Touch-friendly interactions

  • Reduced-motion support

  • Fully customizable in Framer

  • Easy no-code setup

PERFECT FOR MODERN FRAMER WEBSITES

CMS Filter Masonry is ideal for creative portfolios, photography websites, design studios, agencies, architecture portfolios, fashion websites, art galleries, case studies, and visual project showcases. Its responsive masonry layout, category filter, interactive image viewer, and individual CMS page links make it a flexible Framer masonry gallery for modern websites.