---
title: "CMS Search Filter — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Isaac Yi · Forms. Tag filter & live search, pure CSS"
canonical: "https://framer.elliotli.dev/component/cms-search-filter"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/CMS Search Filter

# CMS Search Filter

Tag filter & live search, pure CSS

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

![CMS Search Filter preview image 1](https://framer.elliotli.dev/og/component/cms-search-filter/0ec9aaccc2ad71f0/1600x914.jpg)

## Summary

Tag filter & live search, pure CSS

## Description

Note: items are managed in Framer's property panel — this component does not bind to a CMS collection.

Dynamic CMS Search & Filter gives you a production-ready search and filtering system for any content grid — no state wiring, no filter logic, no layout shift debugging required.

Type in the search bar and it matches against your items' title, description, and tag simultaneously. Click any tag chip and it filters by category. Both work together with intersection logic — only items matching the current query AND the selected tags are shown.

Items never leave the DOM. They cross-fade with an opacity transition, so the grid never reflows or collapses as you filter. Zero layout shift on every interaction.

**What's included:**

-   Real-time text search (matches title, description, and tag)
    
-   Multi-tag filter with intersection logic
    
-   Items fade via opacity — zero layout shift
    
-   1–4 column grid with configurable gap
    
-   Fully editable content from the property panel (items + tags)
    
-   6 color controls: accent, background, card background, text, input bg, input border
    
-   No external libraries — pure React + CSS
    
-   Live result count
    

Perfect for portfolio grids, blog archives, case study listings, product directories, or any content section that needs browsable, filterable cards.

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

-   All · #7779

## Details

- **Author**: Isaac Yi
- **Price**: $5.00
- **Published**: 2026-06-28
- **Updated**: 2026-07-25
- **Added**: 2026-06-28
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from