This script allows for a simple filtering system in Webflow.

‍How to Use the Script:

1. This example using 2 Collections that connect each other. In this case, Collection 1 is Blog post that have tags which is Collection 2. this can also be applied to others like portofolio etc.
2. Create Collection Tags with button for the filter and Add the filter-button attribute to the buttons that will filter the posts, and the filter-button-all attribute for the “All” button to display all posts. To change the wording, simply update the attribute value. The 'All' button will be added on the live site automatically.
3. Create a Collection Blog Post and Collection Tags inside it. Add the filter_item-list attribute to the post tags collection list. If everything is set up correctly, you can hide the tag Collection.
4. Add element with atttribute filter_no-result for the empty state.
5. Copy the script and paste it just before the closing </body> tag. <script src="https://cdn.jsdelivr.net/gh/jeminids/webflow-codes@filter_v1.1/filter.min.js"></script>‍
6. It's done 🎉