The Framer Designer's Dilemma
Spending hours creating D1, D2, D3 variants and complex conditional visibility rules just to add basic filtering? There's a better way.
Active Filter Chips for Visual Filter Management
Display active search terms and filter selections as removable chips. Perfect visual feedback for complex filtering interfaces.
- Visual display of all active filters as chips
- Individual chip removal for selective clearing
- Customizable chip styling and layout
- Shows search terms and filter values clearly
- Essential UX for multi-filter interfaces
CMS Facets Chip Display
Active filter chips with remove buttons
Get CMS Facets Working in 2 minutes
Add visual feedback for active filters with removable chips that show exactly what search terms and filters are currently applied.
Add Facets Component
Place CMS Facets component where users can easily see their active filter selections, typically near the collection or in filter areas.
Pro Tips
- •Position where users naturally look for filter feedback
- •Common placements: above collection, below search, in filter sidebar
Configure Chip Display
Set up which types of filters show as chips and how they're displayed.
Framer Property Panel
showSearchChip: true showFilterChips: true maxVisible: 8 chipStyle: 'pill' groupByFilter: true
Pro Tips
- •Include search terms as chips for complete transparency
- •Group related filter values for cleaner display
- •Limit visible chips to prevent UI overflow
Style the Chips
Customize chip appearance to match your design system while ensuring clear removability.
Pro Tips
- •Use subtle styling that doesn't compete with main content
- •Ensure remove buttons are clearly interactive
- •Test chip behavior on mobile devices
Setup Complete!
Your CMS Facets is now ready. Test it in preview mode to ensure everything works correctly.
CMS Facets Setup Walkthrough
Watch the complete setup process step-by-step
CMS Facets Configuration Panel
Property controls and settings overview
Real-World Use Cases for CMS Facets
See how CMS Facets solves common filtering challenges across different industries and project types.
E-commerce Filter Transparency
Show customers exactly what filters are affecting their product results
Scenario:
Customers have applied multiple filters (brand, price range, category) and need to see exactly what's filtering their results and easily remove specific filters.
Solution with CMS Facets:
Facets display chips like 'Nike', 'Price: $50-$150', 'Running Shoes' with X buttons to remove individual filters without losing others.
Key Benefits:
- Complete transparency of active filtering state
- Selective filter removal without losing other selections
- Reduced user confusion about why certain products show/hide
- Professional e-commerce filtering experience
Property Search Clarity
Visual feedback for complex real estate search criteria
Scenario:
Property buyers have set location, price range, bedrooms, and features filters and need clear visibility of their search parameters.
Solution with CMS Facets:
Facets show chips like 'Denver', '$300K-$500K', '3+ bedrooms', 'Garage' allowing buyers to see and adjust individual criteria.
Key Benefits:
- Clear visibility of complex search parameters
- Easy adjustment of individual criteria
- Helps buyers understand why certain properties appear
- Professional real estate platform experience
Content Filter Management
Help content browsers manage multiple topic and category filters
Scenario:
Blog readers have filtered by category, author, and tags and want to see exactly what's filtering their content and easily adjust selections.
Solution with CMS Facets:
Facets display active filters as chips like 'React', 'John Doe', 'Tutorial' with individual remove options for precise filter management.
Key Benefits:
- Clear understanding of content filtering state
- Precise filter management without losing other selections
- Encourages content discovery through filter adjustment
- Improved content browsing experience
Ready to implement CMS Facets in your project?
Join thousands of Framer designers who've ditched complex workarounds for real filtering solutions.
Live CMS Facets Demo
Try CMS Facets in action with real CMS data. See exactly how it works before you implement it.
CMS Facets Interactive Demo
See how CMS Facets filters CMS content in real-time
CMS Facets in E-commerce Store
Product filtering with CMS Facets
CMS Facets in Portfolio Site
Project filtering with CMS Facets
Complete Your Filtering Setup
CMS Facets works best when combined with other CMS Filter components. Build a complete filtering experience.
CMS Filters
Essential companion for showing applied filter states
Works with CMS Facets:
Facets display all active filter selections from CMS Filters as removable chips.
CMS Search
Display search terms as removable chips
Works with CMS Facets:
Current search query appears as a chip that users can remove to clear search.
CMS Clear All
Bulk removal alternative to individual chip clearing
Works with CMS Facets:
Clear All removes all chips at once while Facets allow individual removal.
CMS Count
Show result count alongside active filter chips
Works with CMS Facets:
Count updates as users remove individual filter chips through Facets.
Get All Components Together
Save time and get the complete CMS Filter suite. All components work seamlessly together for the ultimate filtering experience.
Framer CMS Filter Pricing
Lock in founder pricing. First 20 licenses at $59 - prices rise as slots fill.
Personal
$59$79First 20 licenses only · Then $59 → $79
Features included:
- 1 Site
- All filter components
- Remix 2 demo projects
- Lifetime v1.x updates
- Email support
Agency
$149$199First 20 licenses only · Then $149 → $199
Everything in Personal, plus:
- Unlimited Sites
- All filter components
- Remix 2 demo projects
- Quick Feature Requests
- Lifetime v1.x updates
- Priority support
Creator
$199$249First 20 licenses only · Then $199 → $249
Everything in Agency, plus:
- Template distribution rights
- All filter components
- Sell in marketplaces
- Quick Feature Requests
- Lifetime v1.x updates
- Priority support
Founder launch: first 20 licenses $59 (Personal) & $149 (Agency) & $199 (Creator) · Prices rise as slots fill
Frequently Asked Questions
Common questions about CMS Facets setup, configuration, and usage.