Our Advanced Framer CMS Search makes it easy to add powerful search, filter, and empty-state handling to any CMS list in your project.

✨ Features

CMS Collection Ready
Works seamlessly with your Framer CMS collections. Turn any list of CMS items into a fully interactive search + filter experience.

Multi-Scope Support
Run multiple searches on the same page, each scoped to its own CMS collection. No conflicts, no hacks.

Instant Search
Live, case-insensitive search that updates results as you type.

Flexible Filters
Supports checkboxes, tags, or clickable buttons — combine filters with search queries for precise control.

Custom Empty States
Attach any frame or component from the canvas to display when no results are found.

Layout Presets
Choose how your empty state is positioned inside its container:

• Fit: auto-sized, centered in the container

• Fill: stretch to fill available space

• Center: centered with full-width support

Smooth Show/Hide Animations
Items collapse and fade instead of vanishing abruptly. Toggle animations on/off and set your preferred duration.

Performance Optimized
Built-in debounce and minimum character settings keep everything responsive, even on larger CMS collections.

Fully Configurable
All options are available in Framer’s sidebar: scope, debounce, min chars, animation duration, empty state, and layout presets.

🛠 Use Cases

Searchable product listings

Filterable CMS blogs or article feeds

Tag-based portfolios or galleries

Team member directories with instant search

⚡️ Why you’ll love it

Solves a major limitation in Framer: no native CMS search/filter.

Plug & play — drop in the component, connect your CMS list, and configure from the sidebar.

Built to scale with multi-scope support and smooth performance.

👉 With our Advanced Framer CMS Search, your CMS collections finally get the search, filter, and empty-state experience your users expect.