Learn Framer's Dynamic Filters
Framer University video that walks through adding search, tabs, toggles, and other dynamic filters to a Framer CMS collection list.
Why we picked it
Filtering is one of the most requested CMS patterns. This lesson shows the no-code filter controls in action on a real collection, making it a strong follow-up to the official Help Center docs.
What you’ll learn
- Add a search field, tabs, toggles, and dropdowns to a CMS list
- Bind filter controls to the right CMS field types
- Style filter controls as normal canvas layers
- Test the filtered states in preview before publishing
Who it’s for
Beginners building a directory, blog, or portfolio index that visitors need to filter.
Open this video at the source
framer.university
Related tutorials
More from design patterns and other beginner 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.
How to add dynamic filters to CMS lists
Help Center guide to interactive filters — search, tabs, toggles, dropdowns, and checkboxes on published collection lists.
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.