LoginGet started — it’s free
Made in Webflow

Isotope + Webflow

Clone in Webflow735
Brandon Vaughn's avatar
by Brandon Vaughn
site profile thumbnail


Simple, cloneable implementation of the Isotope Masonry layout plugin with easy filter controls. All styling + filtering is controlled WITHIN the Webflow interface. You have a ".grid" container, inside that you have individual grid ".items"... In a div above that you have your filter/sorting functions in a ".filter" container that holds your buttons. Just add a custom "data-filter" attribute to the buttons to control the filtering. Enjoy.

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
isotopefiltergridgallery filtermasonry
© 2022 Webflow, Inc. All rights reserved.