Packery
Bin-packing layout library
Install
Install with Bower.
bower install packery
Commercial license
Packery may be used in commercial projects and applications with the one-time purchase of a commercial license. If you are paid to do your job, and part of your job is implementing Packery, a commercial license is required.
Use in non-commercial, personal, or open-source applications is free.
Initialize
in JavaScript
var container = document.querySelector('#container');
var myPackery = new Packery( container, {
// options...
});
in HTML
Add a class of js-packery
to your element. Options can be set in JSON in data-packery-options
.
<div class="js-packery" data-packery-options='{ "itemSelector": ".item" }'>
...
</div>
Copyright (c) 2013 Metafizzy