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.
Result Count Display for Filtered Collections
Show users exactly how many items match their current search and filter selections with dynamic, real-time result counting.
- Real-time count updates as users filter and search
- Customizable count templates and messaging
- Shows total vs filtered result counts
- Empty state handling and messaging
- Professional user feedback for filtering actions
CMS Count Component Display
Real-time result count with custom messaging
Get CMS Count Working in 1 minute
Add professional result counting to any filtered CMS collection. Show users exactly how many items match their criteria with customizable messaging.
Add Count Component
Drag CMS Count component to your page, typically above or near your CMS collection display area.
Pro Tips
- •Position where users expect to see result counts
- •Common placements: above collection, in filter sidebar, near search
Configure Count Templates
Set up custom messages for different states: active filters, no filters, and empty results.
Framer Property Panel
countTemplate: 'Showing {count} of {total} products' filtersActiveTemplate: '{count} results found' emptyStateTemplate: 'No products match your criteria' hideOnZero: false
Pro Tips
- •Use language that matches your content type (products, articles, properties)
- •Keep messages concise and helpful
- •Consider whether to hide or show count when zero results
Style the Display
Customize the typography, colors, and positioning to match your design system.
Pro Tips
- •Ensure count text is easily scannable
- •Use consistent typography with your UI
- •Consider subtle styling that doesn't distract from content
Setup Complete!
Your CMS Count is now ready. Test it in preview mode to ensure everything works correctly.
CMS Count Setup Walkthrough
Watch the complete setup process step-by-step
CMS Count Configuration Panel
Property controls and settings overview
Real-World Use Cases for CMS Count
See how CMS Count solves common filtering challenges across different industries and project types.
E-commerce Search Results
Show customers how many products match their search and filter criteria
Scenario:
Customers search for 'running shoes' and apply filters for brand and price range. They need to know how many options they have.
Solution with CMS Count:
Count display shows 'Found 24 running shoes' when searching, and updates to 'Found 8 Nike running shoes under $150' as filters are applied.
Key Benefits:
- Sets clear expectations for search results
- Reduces user frustration with unknown result sizes
- Encourages filter exploration when many results exist
- Professional e-commerce user experience
Content Discovery Feedback
Help users understand the scope of their content searches
Scenario:
Blog readers search for articles on specific topics and want to know how much relevant content is available.
Solution with CMS Count:
Count display shows 'Found 15 articles about React development' and updates as users refine searches or add category filters.
Key Benefits:
- Helps users understand content depth
- Encourages further exploration when many results exist
- Provides context for search effectiveness
- Improves overall content discovery experience
Property Search Transparency
Show real estate searchers exactly how many properties match their criteria
Scenario:
Property buyers set location, price range, and bedroom filters and want to know how many homes meet their criteria.
Solution with CMS Count:
Count shows 'Found 42 homes in Denver, $300K-$500K, 3+ bedrooms' providing immediate feedback on search parameters.
Key Benefits:
- Transparent search results for better decision making
- Helps buyers adjust criteria if too few/many results
- Professional real estate platform experience
- Builds confidence in search completeness
Ready to implement CMS Count in your project?
Join thousands of Framer designers who've ditched complex workarounds for real filtering solutions.
Live CMS Count Demo
Try CMS Count in action with real CMS data. See exactly how it works before you implement it.
CMS Count Interactive Demo
See how CMS Count filters CMS content in real-time
CMS Count in E-commerce Store
Product filtering with CMS Count
CMS Count in Portfolio Site
Project filtering with CMS Count
Complete Your Filtering Setup
CMS Count works best when combined with other CMS Filter components. Build a complete filtering experience.
CMS Search
Show count of search results in real-time
Works with CMS Count:
Display how many items match the current search query as users type.
CMS Filters
Show count updates as filters are applied
Works with CMS Count:
Count updates in real-time as users select different filter combinations.
CMS Clear All
Show total count when all filters are cleared
Works with CMS Count:
When users clear all filters, count shows the total number of items in the collection.
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 Count setup, configuration, and usage.