Smoothly Masonry

A powerful cascading masonry grid layout study following the example of Pinterest and Unsplash. The layout renders very smooth when changing the window size.

Client:
Public Showcase
Project Type:
Webflow Clonable
Date:
June 19, 2020

Masonry.js from David DeSandro is a powerful cascading grid layout library following the example of Pinterest and Unsplash. It works great with flexbox in Webflow. The javascript is a little bit hard to set up but the layout renders very smooth when changing the window size. This project uses masonry in connection with a Webflow CMS Blog Collection. Feel free to clone the project on my webflow profile.

Other

Works

My design work lives at the intersection of modernism & elegant simplicity. Placing emphasis on typography, color, and motion. — My process begins by visualizing an overall narrative for the project, making it impossible to ignore. — I incorporate interaction into my designs because you feel a connection when things move as you’d expect them to.

Viticoltura e Vini
Website & Shop
Smoothly Masonry
Webflow Clonable
Masking on Scroll
Webflow Clonable