---
title: "CMS Search — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by CodePerfect · CMS. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/plugin/cms-search"
---

[Home](/)/[Plugins](/plugins)/[CMS](/plugins/category/cms)/CMS Search

# CMS Search

Client-Side CMS Search

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

![CMS Search preview image 1](https://framer.elliotli.dev/og/plugin/cms-search/67f3898cc9fc561e/1600x1200.jpg)

## Summary

Client-Side CMS Search

## Description

**CMSSearch** provides a native-feeling search input for Framer CMS collections. It works by generating a lightweight JSON index of your content, which is stored directly on the component. This allows for immediate search results and filtering without server-side latency.

## Core Functions

### Free Forever Version

-   **Local Indexing:** Search runs entirely in the browser using a pre-generated index.
    
-   **Fuzzy Search:** A self-contained matcher handles typos and approximate matches.
    
-   **Styling Control:** Full control over input borders, colors, shadows, and typography.
    

### Pro Version

-   **Tag Filtering:** Map a CMS field to generate clickable filter tags.
    
-   **Results Preview:** Display content snippets alongside titles in the dropdown.
    
-   **Premium Micro-interactions:** Polished hover effects and smooth dropdown animations for a cohesive feel.
    

## Quick Start

1.  Open the **CMSSearch** plugin.
    
2.  Click **Insert Component** to add the CMSSearch component to your page.
    
3.  Select the inserted component, then choose the target CMS collection.
    
4.  Click **Generate Index** to create the search data.
    
5.  Configure appearance and specialized fields (Tags, Preview) in the properties panel.
    

## Why is Manual Indexing Required?

Framer sites are statically optimized for performance, meaning your CMS database is not directly accessible to the browser at runtime.

**CMSSearch** bridges this gap by using the Framer Plugin API to safely read your collection at design time and create a search-optimized index. This enables:

-   **Zero Latency:** Search runs instantly without waiting for server requests.
    
-   **Security:** Only the data needed for search is exposed to the client.
    
-   **Reliability:** Works perfectly even on static hosting or flaky connections.
    

_Note: You simply need to click "Generate Index" again whenever you add new or update content to your CMS._

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

-   All · #231

## Details

- **Author**: CodePerfect
- **Published**: 2025-12-19
- **Updated**: 2026-07-18
- **Added**: 2025-12-15
- **Categories**: CMS

## More across types

-   [Bend Video Carousel](/component/bend-video-carousel) — Axis Supply · $15 — Bend Video Carousel is an interactive video carousel for Framer that combines smooth movement with a curved, dimensional layout.
-   [CMS Archway Video](/component/cms-archway-video) — Axis Supply · Free — CMS Archway Video is a cinematic video carousel for Framer that combines continuously moving video cards with a distinctive arched shape.
-   [Reveal Nav CMS](/component/reveal-nav-cms) — TOC Studio · Free — CMS-connected hover nav menu

## More like this

-   [AssetHost](/plugin/assethost) — Builders Hub · Free — AssetHost
-   [Facet](/plugin/facet) — Halvard Studio · Free — Filter, search and sort CMS lists
-   [Apify Scraper Sync](/plugin/apify-to-cms) — Cliqto Media · Free — Scrape data straight into your CMS
-   [Inlet](/plugin/inlet) — Noah Manning · Free — Sync any JSON API into Framer CMS