How to add dynamic filters to CMS lists
Help Center guide to interactive filters — search, tabs, toggles, dropdowns, and checkboxes on published collection lists.
Why we picked it
Official docs for visitor-facing filters are more precise than most blog roundups. This article maps filter UI types to CMS field types and covers clear-filter interactions plus empty states.
What you’ll learn
- Attach a dynamic filter to a collection list field
- Choose the right control (search, tabs, toggles, dropdown, checkboxes, date)
- Style and place filter controls as normal canvas layers
- Reset filters via page variables and keep pagination/empty states working
Who it’s for
Intermediate builders shipping searchable or category-filtered directories.
Open this article at the source
framer.com/help
Related tutorials
More from design patterns and other intermediate resources3 picks
Utilizing collection lists in Framer
Official lesson on repeating indexes: insert a collection list, bind card fields, then sort, filter, limit, and paginate.
Framer CMS Tutorial: Build a Blog or Portfolio
Step-by-step 2026 article for shipping a blog or portfolio: collections, fields, detail pages, lists, filters, and CMS SEO basics.
CMS templates on the Framer Marketplace
Browse remixable CMS-ready blogs, portfolios, and directories — start from a working collection schema instead of a blank canvas.