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.
Add Instant Search to Any Framer CMS Collection
Stop forcing users to scroll through hundreds of items. Add professional search functionality that works across multiple fields - just like real e-commerce sites.
- Search across multiple CMS fields instantly
- Works with your existing CMS collection - no rebuilding
- Professional search experience in 3 clicks
- Fully customizable to match your design
- Saves 3+ hours vs building custom variants
CMS Search in Action
Professional search functionality added in minutes
Get CMS Search Working in 3 minutes
Add the search functionality your users expect without the complexity. Perfect for e-commerce, blogs, portfolios, or any collection with multiple items.
Copy CMS Search from Dashboard
Visit your dashboard, find CMS Search component, and click 'Copy' to add it to your clipboard.
Pro Tips
- •Component automatically copies with all required settings
- •No need to configure anything before copying
Paste into Your Framer Project
Open your Framer project and paste the component anywhere on your canvas - above your collection works best.
Pro Tips
- •Place near the top of your page for best user experience
- •Can be positioned inside components or sidebars
Connect to Your CMS Collection
In the property panel, select your CMS collection from the dropdown or drag the connection arrow to link them.
Framer Property Panel
Select your CMS collection from the 'Collection' dropdown in the property panel
Pro Tips
- •Both components must use the same CMS collection
- •Connection happens automatically when you select the collection
Choose Search Fields
Pick which fields users can search through - Title, Description, Tags, or any text field in your CMS.
Framer Property Panel
In 'Search Fields', add the field names you want to search: Title, Description, Tags
Pro Tips
- •Include the most important fields your users would search
- •More fields = more comprehensive search results
Setup Complete!
Your CMS Search is now ready. Test it in preview mode to ensure everything works correctly.
CMS Search Setup Walkthrough
Watch the complete setup process step-by-step
CMS Search Configuration Panel
Property controls and settings overview
Real-World Use Cases for CMS Search
See how CMS Search solves common filtering challenges across different industries and project types.
E-commerce Product Search
Enable customers to quickly find products across multiple attributes
Scenario:
An online store with 500+ products needs customers to find items quickly by name, brand, category, or description.
Solution with CMS Search:
CMS Search searches across Title, Brand, Category, and Description fields simultaneously, showing relevant products instantly as users type.
Key Benefits:
- Increased conversion rates through better findability
- Reduced bounce rate from frustrated search attempts
- Better user experience with instant results
- No complex category navigation required
Blog Content Discovery
Help readers find relevant articles and topics instantly
Scenario:
A content site with hundreds of blog posts needs readers to discover relevant content without endless scrolling.
Solution with CMS Search:
Search across post titles, excerpts, tags, and author names to surface exactly what readers are looking for.
Key Benefits:
- Higher engagement through content discoverability
- Increased page views per session
- Better SEO through improved user metrics
- Reduced content maintenance overhead
Portfolio Project Filtering
Showcase work with intelligent search capabilities
Scenario:
A design agency portfolio with diverse projects needs potential clients to find relevant work examples quickly.
Solution with CMS Search:
Search across project names, client types, technologies, and project descriptions to highlight relevant case studies.
Key Benefits:
- Better lead qualification through relevant examples
- Increased contact form submissions
- Professional impression through smooth UX
- Showcase breadth of expertise effectively
Ready to implement CMS Search in your project?
Join thousands of Framer designers who've ditched complex workarounds for real filtering solutions.
Live CMS Search Demo
Try CMS Search in action with real CMS data. See exactly how it works before you implement it.
CMS Search Interactive Demo
See how CMS Search filters CMS content in real-time
CMS Search in E-commerce Store
Product filtering with CMS Search
CMS Search in Portfolio Site
Project filtering with CMS Search
Complete Your Filtering Setup
CMS Search works best when combined with other CMS Filter components. Build a complete filtering experience.
CMS Filters
Advanced filter builder with multiple filter types
Works with CMS Search:
Combine with search for comprehensive filtering. Filters narrow down search results further.
CMS Count
Show result count as users search and filter
Works with CMS Search:
Display 'X results found' that updates in real-time as users search.
CMS Clear All
Reset button to clear search and filters
Works with CMS Search:
Allow users to reset their search query and start fresh.
CMS Facets
Show active search terms as removable chips
Works with CMS Search:
Display current search query as a chip users can remove.
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 Search setup, configuration, and usage.