To create a dropdown menu that lets users sort projects by sectors and tags on a Webflow Projects page, you need to use Webflow CMS with Filters and a bit of environment setup.
Webflow does not support native CMS filtering based on dropdown selections on static pages. You have two main options:
Option 1: Use Webflow Logic + CMS Template Filter Pages
Create filtered static pages or CMS collection pages using URL parameters (e.g., /projects?sector=healthcare
).
Link each dropdown item to these URLs manually.
Set visibility filters on the CMS list to show only relevant items on these pages.
Option 2: Use Jetboost.io for Real-Time Filtering
Jetboost provides real-time CMS filtering without needing code.
Set up Jetboost CMS Filter Booster.
Assign Jetboost attributes to dropdown items and the CMS list wrapper.
Jetboost handles showing/hiding projects by chosen sector or tag.
To implement a dropdown menu that filters projects by sectors and tags in Webflow, set up your CMS collections properly, build the dropdown UI, then use either static page routing or a filtering tool like Jetboost for real-time interaction. Webflow alone won’t filter CMS lists this way on a live page without help from external logic or tools.