Masonry ✅
A masonry grid designed specifically for image layouts.
Part of the Sygnal Components library.
Goals;
Demonstration
Properties
Columns
Number, 1-12
Margin X
Number, integer
Horizontal margin between columns.
Margin Y
Number, integer
Vertical margin between items.
Tablet Columns
Number, 1-12
Mobile Landscape Columns
Number, 1-12
Mobile Portrait Columns
Number, 1-12
True Order
Boolean
Wait For Images
Boolean
Debug
Boolean
Will output console log messaging when on.
Technical Notes
Based on Macy.js
Future
Non-image items, e.g.;
Cards containing text layouts
Lightbox support
Possible load more / infinite load support https://www.reddit.com/r/webflow/comments/1np6ud0/comment/nfxd12i/
Last updated