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.
Clear All Button to Reset Filters and Search
Give users a quick way to reset all their search and filter selections with a single click. Essential for complex filtering interfaces.
- One-click reset of all search and filter states
- Customizable button text and styling
- Automatically shows/hides based on filter activity
- Smooth transitions back to unfiltered state
- Essential UX for complex filtering setups
Clear All Button Configuration
Reset button for search and filter states
Get CMS Clear All Working in 1 minute
Add a reset button that clears all search queries and filter selections, returning users to the unfiltered collection state.
Add Clear All Component
Drag the CMS Clear All component to your page, typically near your other filter controls or search area.
Pro Tips
- •Position near other filter controls for logical grouping
- •Consider sticky positioning for long filter lists
Configure Button Behavior
Set the button text, visibility rules, and interaction behavior.
Framer Property Panel
buttonText: 'Clear All Filters' showIcon: true hideWhenEmpty: true confirmReset: false
Pro Tips
- •Use clear, action-oriented button text
- •Consider showing/hiding based on whether filters are active
- •Icon helps users quickly identify the reset function
Style the Button
Customize the button appearance to match your design system and ensure it's easily discoverable.
Pro Tips
- •Use secondary or outline button styling (not primary)
- •Ensure sufficient contrast for accessibility
- •Size appropriately for touch interaction on mobile
Setup Complete!
Your CMS Clear All is now ready. Test it in preview mode to ensure everything works correctly.
CMS Clear All Setup Walkthrough
Watch the complete setup process step-by-step
CMS Clear All Configuration Panel
Property controls and settings overview
Real-World Use Cases for CMS Clear All
See how CMS Clear All solves common filtering challenges across different industries and project types.
Complex E-commerce Filtering
Quick reset when customers have applied multiple product filters
Scenario:
A customer has applied category, brand, price range, and rating filters but wants to start over with a fresh view of all products.
Solution with CMS Clear All:
Clear All button instantly removes all filter selections and search queries, returning to the complete product catalog view.
Key Benefits:
- Prevents user frustration with complex filter combinations
- Encourages exploration of different filter paths
- Reduces abandonment from overwhelming filter states
- Professional e-commerce user experience
Property Search Reset
Allow property searchers to easily start over with new criteria
Scenario:
Property buyers have set specific location, price, and feature filters but want to explore different areas or adjust their criteria completely.
Solution with CMS Clear All:
Clear All provides instant reset to see all available properties, allowing buyers to start fresh with new search parameters.
Key Benefits:
- Encourages broader property exploration
- Reduces user frustration with complex search states
- Helps buyers reconsider their criteria
- Professional real estate platform experience
Content Discovery Reset
Help readers clear topic and category filters to browse all content
Scenario:
Blog readers have filtered content by category, author, and date range but want to see all recent articles across all topics.
Solution with CMS Clear All:
Clear All button removes all content filters and search terms, showing the complete, unfiltered article feed.
Key Benefits:
- Encourages broader content discovery
- Reduces cognitive load from complex filter states
- Helps users discover unexpected relevant content
- Smooth content browsing experience
Ready to implement CMS Clear All in your project?
Join thousands of Framer designers who've ditched complex workarounds for real filtering solutions.
Live CMS Clear All Demo
Try CMS Clear All in action with real CMS data. See exactly how it works before you implement it.
CMS Clear All Interactive Demo
See how CMS Clear All filters CMS content in real-time
CMS Clear All in E-commerce Store
Product filtering with CMS Clear All
CMS Clear All in Portfolio Site
Project filtering with CMS Clear All
Complete Your Filtering Setup
CMS Clear All works best when combined with other CMS Filter components. Build a complete filtering experience.
CMS Filters
Essential companion for complex filtering setups
Works with CMS Clear All:
Clear All resets all filter selections from CMS Filters component instantly.
CMS Search
Clears search queries along with filters
Works with CMS Clear All:
Clear All resets both search text and all applied filters in one action.
CMS Count
Shows total count when filters are cleared
Works with CMS Clear All:
Count component updates to show total collection size when Clear All is clicked.
CMS Facets
Alternative to individual filter chip removal
Works with CMS Clear All:
Clear All provides bulk removal while Facets allow individual filter removal.
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 Clear All setup, configuration, and usage.