Part of 100+ video lessons
Short, step-by-step lessons you can rewatch anytime.
Hands-on project
Follow along in the host project and build as you learn.
Certificate path
Counts toward your Framer Fundamentals certificate.
Drop in a filter, point it at a field, then stack the next one.
Add the filter
Insert a dynamic filter and connect it to the collection list on the page.
Point it at a field
Pick the field it filters on and the match, such as starts with or contains.
Stack another one
Add a second filter and the two combine, narrowing the list together.
LET VISITORS FILTER THE LIST
Search boxes, dropdowns and toggles that filter a CMS collection live.
COMBINE FILTERS THAT WORK TOGETHER
Stack a search with a category so both apply at once.
SHARE A FILTERED VIEW AS A LINK
Filters write URL parameters, so a filtered page can be linked or bookmarked.
Adding Search to a Framer Site
Framer's search component does the hard part. Scope it to your CMS, then style it the way you want.
Collection Lists in Framer
A collection list is how CMS items get onto a page. Design one card, connect the fields, and the rest follow.
CURRICULUM
WHAT YOU'LL LEARN IN THIS COURSE
In the Ultimate Framer Masterclass, you’ll master Framer from the ground up. Follow real projects, get expert feedback, and finally design and ship the way you’ve always wanted to.
Add a search filter and a category filter to one collection list, then copy the filtered URL and open it in a new tab.
08:05
PUBLISH CHECKLIST
Filter connected to the list
Field and match type set
Second filter stacked
Labels tidied up
URL parameters checked
Tested on mobile
TRY IT OUT
Cesar Rodrigues
Founder, Craate Creative
CERTIFICATION
BECOME A CERTIFIED FRAMER MASTER
Earn 3 official certifications that show you don’t just know Framer, but you can
design, build, and execute real pixel-perfect sites.
Rated excellent by 900+ students
4.8
Lifetime access
14-day money-back guarantee
Stream anywhere
