IntermediateCourseCourse8 min read
Dynamic Filters (Insert Frame) — Airbnb-style listings
Ryan builds search, dropdowns, tabs, toggles, checkboxes, Clear Filters, and shareable URL params on a property listing.
Why we picked it
Directory/real-estate vertical example — filters taught on a concrete listing UI.
What you’ll learn
- Static vs dynamic filters
- Stack multiple filter controls
- Clear Filters via variable reset
- Shareable filter URL parameters
Who it’s for
Directory and marketplace builders.
External resource
Open this course at the source
school.insertframe.io
Related tutorials
More from design patterns and other intermediate resources3 picks
VideoIntermediateFREE
Utilizing collection lists in Framer
Official lesson on repeating indexes: insert a collection list, bind card fields, then sort, filter, limit, and paginate.
framer.com/academy·9 min
ArticleIntermediateFREE
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.com/help·8 min
ArticleBeginnerFREE
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.
shaheermalik.com·18 min