CMS Filter Documentation
Complete guide to building powerful, filterable CMS collections in Framer with our comprehensive filtering system.
What is CMS Filter?
CMS Filter is a comprehensive, production-ready filtering system for Framer CMS collections. It consists of 7 core components that work together seamlessly to provide advanced filtering, search, and sorting capabilities without writing a single line of code.
New: Install components instantly with our Framer plugin, or copy from your dashboard.
Real-time Search
Search across multiple CMS fields with debounced input for optimal performance.
6 Filter Types
Text, number, dropdown, range, toggle, and option filters with multiple operators.
Fully Customizable
Granular styling controls for every component element. Match your brand perfectly.
High Performance
Optimized for speed with smart caching, debounced search, and efficient updates.
Modular Design
Use only the components you need. All components work independently.
Shared State
Components auto-connect through store keys. Multiple filter groups supported.
Quick Links
Getting Started
Complete setup tutorial from installation to your first filter
Components
Detailed documentation for all 7 core components
Filter Types
Learn about all 6 filter types and their operators
Core Concepts
Understand how components connect and share state
Styling Guide
Customize every aspect of your filter components
Examples
Real-world use cases: e-commerce, real estate, blogs
Advanced
Multi-group filtering, performance tips, and troubleshooting
How Components Work Together
All components automatically connect when they reference the same CMS collection. This enables real-time filter synchronization, independent component placement, and support for multiple filter groups on the same page.
System architecture diagram showing components connected through shared state
All CMS Filter components communicate through shared state - no configuration needed