Find anything. Instantly.
SearchGrid turns a static collection into an interactive browsing experience — without adding complexity to your Framer project.
Visitors can instantly find content across titles, descriptions, categories and hidden search tags.
Automatically generated category controls make large collections easier to explore. Enable single or multi-select filtering depending on your layout.
Let visitors browse by featured order, newest, oldest or alphabetically.
Adjust typography, colors, spacing, columns, image ratios, borders, hover effects and empty states directly from Framer.
Create separate light and dark appearances or let SearchGrid follow the visitor's system theme.
Add titles, descriptions, categories, dates, search tags and links to every item. Search state can also stay synced with the URL.
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
