---
title: "Filtered Gallery — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Mamun Hossain · Galleries. Filterable & Searchable Lightbox Gallery ⭐ Create beautiful, interactive media experiences with Filtered Gallery —an all-in-one…"
canonical: "https://framer.elliotli.dev/component/filtered-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Filtered Gallery

# Filtered Gallery

Filterable Lightbox Gallery

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

![Filtered Gallery preview image 1](https://framer.elliotli.dev/og/component/filtered-gallery/e114e4eb1ae527f6/1600x1200.jpg)

## Summary

Filterable & Searchable Lightbox Gallery ⭐ Create beautiful, interactive media experiences with Filtered Gallery —an all-in-one Framer gallery component featuring Category…

## Description

### **Filterable & Searchable Lightbox Gallery** ⭐

Create beautiful, interactive media experiences with **Filtered Gallery**—an all-in-one Framer gallery component featuring **Category Filtering, Live Search, Masonry Layouts, Lightbox, Sliders, Autoplay, Video Support, Load More, Infinity Scroll, Item Titles & Descriptions**, and **keyboard accessibility**. Perfect for portfolios, agencies, photographers, products, case studies, documentation, directories, and creative websites.

## ✨ Features

-   Interactive category filtering with smooth transitions
    
-   **Live search to instantly find gallery items**
    
-   **Load More and Infinity Scroll**
    
-   **Custom title and description for every gallery item**
    
-   Beautiful responsive masonry grid
    
-   Adjustable column count for desktop, tablet, and mobile
    
-   Built-in lightbox for immersive fullscreen viewing
    
-   Supports both images and videos
    
-   YouTube video support
    
-   Image & media slider
    
-   Optional autoplay slider
    
-   Touch and swipe gestures for mobile devices
    
-   Keyboard navigation inside the lightbox
    
-   Keyboard accessibility for gallery tiles
    
-   Responsive layout across all screen sizes
    
-   Fast, lightweight, and optimized for performance
    
-   Clean animations with a premium user experience
    
-   Fully customizable styling inside Framer
    
-   No coding required
    
-   Easy drag-and-drop setup
    

## ⚙ Customization

-   Number of masonry columns
    
-   Gallery spacing
    
-   Filter categories
    
-   **Enable or disable the search bar**
    
-   **Customize item titles and descriptions**
    
-   Border radius
    
-   Image aspect ratios
    
-   Lightbox behavior
    
-   Slider settings
    
-   Autoplay speed
    
-   Animation timing
    
-   Responsive breakpoints
    
-   Colors and styling
    

## 📦 How to Use

1.  Purchase the component.
    
2.  Receive the Component URL.
    
3.  Paste it into your Framer project.
    
4.  Add images, videos, or YouTube links.
    
5.  **Add a title and description to each gallery item (optional).**
    
6.  Create filter categories.
    
7.  **Enable search to let visitors quickly find gallery items.**
    
8.  Customize the layout and publish.
    

**Preview:** [https://filteredgallery.framer.photos/](https://filteredgallery.framer.photos/)

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

-   All · #1959

## Details

- **Author**: Mamun Hossain
- **Price**: $15.00
- **Published**: 2026-07-13
- **Updated**: 2026-10-21
- **Added**: 2026-07-13
- **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