CMS Filter Gallery — Framer Code Component (Masonry + Filter + Lightbox)

A filterable masonry gallery component for Framer - mixed image and video tiles, per-tile CMS links, and a keyboard-friendly lightbox. No CMS collection required, no plugins, no code.

LIVE DEMO: https://thistle-timing-694660.framer.app/cms-filter-gallery

KEY FEATURES

• True masonry layout: real image aspect ratios, greedy column packing, 1-4 columns
• - Category filter chips generated automatically from your items, single or multi-select
• - Mixed media: image and video tiles (video plays on hover, poster fallback on mobile)
• - Focus view lightbox: keyboard navigation (arrows, Esc), focus restore, body scroll lock
• - Per-tile CMS Link: connect each tile to any CMS page or URL - no collection needed
• - Accessibility built in: ARIA roles, focus trap, prefers-reduced-motion support
• - Container-based responsive: adapts to its container width, works inside any layout
• - Fully styleable from the properties panel: columns, gap, radius, hover zoom, chip colors, captions, reveal animation

HOW IT WORKS

After purchase you get the component URL - paste it into any Framer project and it installs instantly. Configure everything visually from the properties panel. Works on the Framer free plan.

Includes lifetime updates. Built by Aisol Studio.