Gallery Filter

Find anything. Instantly.

SearchGrid turns a static collection into an interactive browsing experience — without adding complexity to your Framer project.

Search as you type

Visitors can instantly find content across titles, descriptions, categories and hidden search tags.

Filter your way

Automatically generated category controls make large collections easier to explore. Enable single or multi-select filtering depending on your layout.

Sort in a click

Let visitors browse by featured order, newest, oldest or alphabetically.

Made to match your site

Adjust typography, colors, spacing, columns, image ratios, borders, hover effects and empty states directly from Framer.

Light. Dark. Automatic.

Create separate light and dark appearances or let SearchGrid follow the visitor's system theme.

Built for real collections

Add titles, descriptions, categories, dates, search tags and links to every item. Search state can also stay synced with the URL.

Everything is editable

• Search and sort controls

• Category chips

• Grid columns and spacing

• Image ratio and radius

• Typography

• Light and dark themes

• Hover interactions

• Empty state content and styling

• Counters and metadata

• Multi-select filtering

• External links

• URL state

One component. A faster way to explore everything.

Keywords gallery, filter, search, searchable gallery, image grid, portfolio, category filter, sort, collection, photo gallery, resource library, cards, visual archive, multi filter, responsive grid

Best For Portfolios · Photography · Case Studies · Resources · Inspiration Libraries · Product Collections · Team Directories · Visual Archives