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.
Dropdown Filters for Single and Multi-Select Options
Organize filter options in clean dropdowns with search capabilities. Perfect for categories, locations, brands, or any field with multiple options.
- Single or multi-select dropdown options
- Built-in search for large option lists
- Clean interface that saves space
- Automatically populates from CMS enum fields
- Customizable placeholder and labels
Dropdown Filter Configuration
Multi-select dropdown with search functionality
Get CMS Dropdown Working in 3 minutes
Create space-efficient dropdown filters that work perfectly for CMS enum fields or any scenario where users need to select from a list of options.
Choose Appropriate Fields
Identify CMS enum fields or text fields with repeated values that would work well in dropdown format.
Pro Tips
- •Best for: Categories, Locations, Brands, Types, Status
- •Consider dropdown when you have 5+ options to avoid UI clutter
Add Dropdown Component
Add the CMS Dropdown component to your filter area, typically grouped with other filters.
Pro Tips
- •Dropdowns work well in compact filter layouts
- •Consider dropdown order based on importance to users
Configure Selection Behavior
Set whether users can select single or multiple options and configure search functionality.
Framer Property Panel
fieldName: 'Category' multiSelect: true enableSearch: true placeholder: 'Select categories...' maxSelections: 5 searchPlaceholder: 'Search categories...'
Pro Tips
- •Use multi-select for broader filtering (e.g., multiple categories)
- •Enable search for dropdowns with 10+ options
- •Set reasonable max selections to avoid overwhelming filters
Customize Appearance
Style the dropdown to match your design system and configure labels and placeholders.
Pro Tips
- •Ensure dropdown text is readable in both open and closed states
- •Use clear, descriptive placeholders
- •Consider dropdown width for longer option names
Setup Complete!
Your CMS Dropdown is now ready. Test it in preview mode to ensure everything works correctly.
CMS Dropdown Setup Walkthrough
Watch the complete setup process step-by-step
CMS Dropdown Configuration Panel
Property controls and settings overview
Real-World Use Cases for CMS Dropdown
See how CMS Dropdown solves common filtering challenges across different industries and project types.
Category Filtering
Organize products or content by categories with multi-select capabilities
Scenario:
An online store with products across multiple categories needs customers to filter by one or more categories simultaneously.
Solution with CMS Dropdown:
Multi-select dropdown for categories allows customers to select 'Electronics', 'Home & Garden', and 'Sports' to see products from all chosen categories.
Key Benefits:
- Clean interface without category button clutter
- Easy to add new categories without UI changes
- Supports both single and multi-category browsing
- Better space utilization in filter sections
Location-Based Filtering
Filter content by location, region, or geographic criteria
Scenario:
A job board or real estate site needs users to filter listings by multiple cities, states, or regions.
Solution with CMS Dropdown:
Searchable dropdown for locations allows users to quickly find and select multiple cities or regions for their search.
Key Benefits:
- Handles large lists of locations efficiently
- Search functionality for quick location finding
- Supports multiple location selection
- Scales well as new locations are added
Brand and Manufacturer Filtering
Filter products by brand or manufacturer with search capabilities
Scenario:
An electronics store with 50+ brands needs customers to easily find and select preferred brands without scrolling through endless lists.
Solution with CMS Dropdown:
Searchable multi-select dropdown for brands with type-ahead functionality to quickly find and select multiple preferred brands.
Key Benefits:
- Efficient handling of large brand lists
- Quick brand discovery through search
- Support for brand loyalty multi-selection
- Professional filtering experience
Ready to implement CMS Dropdown in your project?
Join thousands of Framer designers who've ditched complex workarounds for real filtering solutions.
Live CMS Dropdown Demo
Try CMS Dropdown in action with real CMS data. See exactly how it works before you implement it.
CMS Dropdown Interactive Demo
See how CMS Dropdown filters CMS content in real-time
CMS Dropdown in E-commerce Store
Product filtering with CMS Dropdown
CMS Dropdown in Portfolio Site
Project filtering with CMS Dropdown
Complete Your Filtering Setup
CMS Dropdown works best when combined with other CMS Filter components. Build a complete filtering experience.
CMS Filters
Use dropdowns within the comprehensive Filter Builder
Works with CMS Dropdown:
Dropdown is one of the filter types available in CMS Filters component for complex filtering setups.
CMS Search
Combine text search with dropdown category filters
Works with CMS Dropdown:
Search for specific items, then use dropdown filters to narrow by category, brand, or location.
CMS Count
Show result count as dropdown selections change
Works with CMS Dropdown:
Display how many items match current dropdown selections in real-time.
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 Dropdown setup, configuration, and usage.