Filtering in Webstudio using Finsweet attributes

I've never used it so not sure. Webstudio has native filtering abilities and its dynamic so I would lean into that functionality

The UX of Finsweet attributes are good and easy to use. I wish we have something for Webstudio as easy as that.

It's even better than Finsweet!!

https://drevo.digital/library/plugins/filters

Started using it yesterday and my mind is blown 🤯

@viniciusmoreira.me created it

@Ronald from 360Creators Cool find. Thank you for that. Are there more resources like that?
Or even a more built out template for WordPress?

Nice find Ronald. @viniciusmoreira.me We can see the items are hidden by CSS, Is there any chance we can create something like Finsweet where the items will be removed from the DOM and add when certain filter condition is matched?

It will help with the performance.

Hey Bashar,

Thanks for trying out the plugin!

Back when I made Sift (which is the codebase that powers the Filters Plugin), my intent was to make a really fast and easy-to-setup realtime filters system.

In addition to being easier to maintain, the approach with CSS is faster and gives a more instant feel, especially with search text input, as the filtering must match the typing speed. The DOM approach would be more beneficial for very large collections, but if your collection is about 1000 items (and maybe even more), you should not have any problems with it.

And about future features, the Filters plugin is and will be constantly evolving, so I'm always on the lookout for ideas to make it better

I'd say stay connected with people here and on linkedin 😀

I also like the components. We should add them to Webstudio 🙂