Webflow sync, pageviews & more.
NEW

The Top 10 Filters Webflow cloneables

Filter based Webflow components that allow you to build amazing filters within Webflow. Filter images, text, CMS items and more.

Filters
Sort by
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Reset all
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

A fully native dark-mode toggle button to convert your Webflow site into dark mode or light mode at the switch of a button. This technique utilizes Webflow's native interactions and the Filter, BG color, text color and border color functionality.

Using Mixitup to combine CMS lists into a single list and add both sorting and filtering to your Webflow site.

An advanced demonstration of using Finsweets Attributes CMS Filter using no-code for Webflow. The example includes a search input, sorting, checkboxes, range slider, sorting, drop down, radio buttons and more. A great way to understand the capabilities and advanced filtering options of Attributes CMS filtering.

A great example of a CMS slider with custom navigation arrows that are designed within Webflow. It also features a dropdown to filter the slides. This uses the slick slider JS library.

A full suite of wonderfully designed and accessible components for Finsweets Attributes CMS Filter and Webflow forms. Includes radio button, checkbox, dropdown, search input, select, range slider and more!

Backdrop filters for Webflow that show three different background effects including inverting colors, saturating colors, hue rotation, and grayscale created by Finsweet. This cloneable was created to showcase Webflow's latest native backdrop filters.

Help your users understand what they should be searching for via this rotating search suggestions.

Showcasing Webflow's new blending and backdrop features. This demonstration cloneable shows off how text hover effects behind Backdrop blur and blend effects in Webflow. In this example text behind backdrop blur shapes showcase the effects colored linear gradients and shapes with no color gradients and the effects of text behind with hover effects. This technique uses a bit of CSS to create the text outline and hover effects.

Here's a way to utilize List.js with Webflow native CMS to create filtered and searchable lists within your Webflow site. This helps users filter specific information and details from a large list quickly and easily from within your Webflow site.

A simple todo list built in Webflow with JS filtering.