Masonry Layout Study

Powerful study of a cascading masonry grid layout modeled on Pinterest and Unsplash. The layout responds particularly smoothly to changes in window size.
Case Study
Webflow Clonable

Project details

This project study is based on Masonry.js by David Desandro, a powerful library for cascading grid layouts following the principle of Pinterest and Unsplash. Combined with Flexbox, Masonry can be used very effectively in Webflow. The JavaScript implementation is somewhat more demanding, but stands out for its particularly calm and clean rendering when resizing the viewport.

The layout was implemented in combination with a Webflow CMS blog collection. The project can be freely cloned and used as a starting point for your own experiments.

No items found.