Discover the best filter-cms websites created by professional designers. Get inspired and start planning your perfect filter-cms web design today!

Finsweet

Create advanced and complex no-code filter systems for Webflow CMS Collection List content. Use Attributes for Finsweet for free.

CMS Filter Example by Attributes

Webflow CMS Filter

Add dynamic filters to your CMS content without having to edit any code!

Using Jetboost.io you can set up filters for both Reference and Multi-Reference fields on your Collection Lists. Radio buttons, checkboxes, regular buttons, and link blocks are all supported. The design and styling are done in Webflow and then you use Jetboost.io's visual editor to set the filter behavior.

Hope this helps if you've ever been stuck trying to add filters to your site!

CMS Dynamic Filters (No Code)

Refokus

How do you add CMS Filters in Webflow?

Use this Refokus Tool to create one or more filter sets (also possible as individual CMS Collections) to filter results on a CMS collection list. The core is based on the core form elements (Input, Dropdown, Checkbox, and Radio Buttons) with which you can create any type of filtering UI, such as toggles, tags, tabs, switches, and anything else you can visually imagine!Additionally, the input element can be used to create live search filtering results on the collection item.

Refokus Tools: CMS Filters

CMS Filters (by Refokus)

Create a CMS-powered (or static!) card slider with completely custom navigation arrows that are natively styled in the Designer, as well as a filter dropdown to filter the slider by a referenced collection.

This uses the slick slider JS library:
https://kenwheeler.github.io/slick/

Card Slider - Using Slick

CMS Card Slider + Custom Nav and Filter

Filter CMS content. 

Thanks to the CMS library from F'in Sweet, we can add multiple filters to collection lists. Check out their resources:
- https://cmsdocs-howto.webflow.io/ 
- https://cmsdocs.webflow.io/#filter

❗️This is deprecated. Please check the new Attributes system: https://www.finsweet.com/attributes/

CMS - Multiple Filters

multiple-filters-exclusive

CMS Real Estate Filter cloneable using the Finsweet team's amazing new Attributes solution. Have fun using this for personal projects, clients, or just for practice.

Will be looking to add page templates for the listings, coming soon.

CMS Real Estate Filter

CMS Real Estate Filter Cloneable

Hi, Chris here from Jetboost.io. Recently several people have asked me how to filter multiple collections on the same page all at once using a single Jetboost filter.

So I put together this cloneable demo to make it easier to show how to do that. 🙂

Filter Multiple CMS Collections with Single Filter

Filter Multiple CMS Collections using a Single Filter

Discover our new Webflow CMS Filters! You can use this widget for Webflow CMS to help users find posts faster and handier. It’s fully customizable in Webflow.

CMS Filter 2.0 Cloneable

CMS Filters

No Code Flow

A dynamic filter to search items elements created within the Webflow CMS that we offer for the Webflow community. It works native within the CMS and no third party stuff. Easy to implement and 100%-styleable within Webflow. ✨
👋 check us out → https://www.nocodeflow.net/webflowfilterandsearch

NCF Filter Styled

CMS Filter and Search Bar – No Code Flow Component

Filter Collection Lists by Reference and Multi-Reference Fields

At the moment, you cannot show multi-reference field values in a Collection list. 

In this example I created the 'colour' fields as text fields within the Cities Collection, so I could pull the colour name from the CMS.

Might not be very efficient, but it's a solution if you want to show these values in the Collection list.