Masonry tutorial please

Publishing help General
1

Hi all,
Trying to step up my game in Webflow. I have a gallery of mixed size images that need a Masonry.js style layout.
I would appreciate a tutorial that either:

  1. Integration of Masonry.js into webflow. Embedding the code and showing how its done.

  2. Without Masonry.js, how to achieve something like this: http://thewonglv.webflow.io/ done by our member.

There are a number of questions in these forums about how to achieve Masonry style effect. I hope we can resolve it now.

Looking forward to some enlightenment.
Shridhar

2

Isotope would do what you want and a whole bunch more.

3

@Mogeek
Thank you for the awesome work you did explaining how it works, and for making it clonable.
I took your site and learned by adding in my own filters and content. http://isotopelearning.webflow.io/

Love you guys!

1 Like
4

Great job, @srile. Can you make yours cloneable?

5

@Aksaunders, thats odd, but i cannot seem to make it a public site, let alone set it to clone-able… dunno what’s happening here. I am unable to click the “Create Public Page” LEt me know if i’m not doing something right…

Shridhar