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

Table design template using the CMS & filters with Attributes by Finsweet.

→ CMS Sort Documentation: 
https://www.finsweet.com/attributes/cms-sort/

→ CMS Filter Documentation: 
https://www.finsweet.com/attributes/cms-filter

Table Template With Filters

table-template-filters

Enjoy :D

Documentation:
https://www.kunkalabs.com/mixitup/docs/get-started/

Filter

Dynamic CMS Filter #MixItUp

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

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

Recreation of https://ckms.design hero section as a personal challenge. Project list loads up and filters from a CMS collection.

I do not own the rights to the content.

Owners of the projects:

→ Aize - https://www.behance.net/gallery/140007093/Aize
→ Berlin 1910 - https://www.behance.net/gallery/117034669/Berlin-1910
→ MUSHROOM - https://www.behance.net/gallery/140290203/MUSHROOM-Wireless-charger
→ Porsche Design Watch - https://www.behance.net/gallery/116317977/PORSCHE-DESIGN-WATCH-vision
→ Roly-Poly - https://www.behance.net/gallery/147984511/Roly-poly-modular-lighting
→ Spark Smart Grill - https://www.behance.net/gallery/149272383/Spark-Smart-Grill
→ Theferruat - https://www.behance.net/gallery/135610425/Coffee-Grinder-Theferruat


inhance

Hero section with CMS collection of projects (with filters)

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.

Filter Collection Lists (CMS)

multiple-filter-collection-lists

Ali Saeed

This is a FAQ page. Each FAQ item has a template page.

✅ CMS-Based 
✅ CMS Search + Filtering (using Finsweet's CMS Filter Attributes)
✅ Template page for each FAQ

Clone away :)

CMS FAQ

CMS Filter - FAQ with Filtering System

hurrah design - workspace

The personal enjoyment is far more important to us than expertise and points. What counts is your taste, your mood and everything you enjoy - whether it's wine or vinyl. That's how this website was created. We created a very extensive website full of content and lots of wine & music experience.

Setpember Shop

Setpember Wine & Vinyl Online Shop

A simple but effective CMS filtering system using Finsweets CMS filter attribute. The sidebar is sticky as well.

I'm available for hire: forsjonathan.com

Collywobbles

Finsweet CMS filter with sticky sidebar – Ready to use

Modified the Job Board X template to provide dynamic search using the amazing Finsweet library along with some custom javascript for a client building a job board site for remote jobs in Europe. Rather than take the user to a new page each time they want to filter the available jobs, the jobs list updates instantaneously. It's a huge enhancement to usability and user experience which my client imagines will give him a competitive edge over other sites like his.

We also made various changes to the template animations, styling, and content architecture.

NOTE: dynamic filtering only works on the live site, so be sure to view there (not in editor/designer)

Remote in Europe

Remote In Europe

The strong collective voice of Danish animation studios and producers

- Page transitions
- Dynamic filtering
- Lottie animations
- Dynamic CMS page looks per item
- Interactions

Animation Denmark

Memberstack

Hey everyone!

Here's an exciting tutorial and demo for you which walks you through allowing Memberstack members to create and their own content with the Webflow CMS, and also filtering their dashboard to only show them what they created!

It's all pretty easy, and it has some amazing use cases - enjoy!

Filtering & Deleting

Create, Filter, & Delete User Generated Content!

Here's an example of using event APIs from macy.js and finsweet attributes to create dynamic layouts with javascript that include filtering.

Horizontal Masonry Grid with Filtering

Company website and digital products collection offering templates and frameworks for product managers, marketers, ux-specialists.

⭐️ Check out our PM Playbook — a collection page with real-time search and dynamic filters based on a set of CSM collections: https://www.claritysupply.co/pm-playbook-templates

Real-time search and filters implemented with Jetboost.io.

Clarity Supply Co

Clarity Supply Co — product management outsourse

Webflow University

Learn how to add a search bar to your Website and how to add Jetboost filters so users can dynamically filter content on your site.

This is the livesite that was built during a workflow series episode. Full episode is here: https://www.youtube.com/watch?v=lWmYkZz946Y

[Cloneable] Add search and filters to your webflow site

Workflow series: Add search and filters to your Webflow Site

Quick microsite resource for an Augmented Reality news company.

- Dynamic filtering
- Tabs based microsite
- CMS collections

Was created before a lot of new Webflow features like nested collections etc.

AR Glossary

AR Glossary microsite

arabchina

CMS Filters | Business company

Quotes to inspire your lettering. If you're feeling stuck on what to letter you can filter through types of quotes, find different quote lengths and copy them to your clipboard.

Services Provided:
Web Design
Webflow Development
(Branding by the client)


Discover dynamicfilter websites built by the Webflow community

Discover dynamicfilter websites built by the Webflow community