Cascading grid layout library
Masonry works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.
See masonry.desandro.com for complete docs and demos.
Link directly to Masonry files on unpkg.
<!-- or -->
bower install masonry --save
npm install masonry-layout --save
// vanilla JS// init with elementvar grid = document;var msnry = grid// options...itemSelector: '.grid-item'columnWidth: 200;// init with selectorvar msnry = '.grid'// options...;
data-masonry attribute to your element. Options can be set in JSON in the value.
Masonry is released under the MIT license. Have at it.
Made by David DeSandro