- License
- MIT
- Install Size
- 260.2 kB(278 kB)
- Vulns
- 0
- Published
$
npm install packery$
pnpm add packery$
yarn add packery$
bun add packery$
deno add npm:packery$
vlt install packery$
vp add packeryLicense changed since previous version.
The license of this package changed from "GPL-3.0" to "MIT".
Packery
Bin-packing layout library
See packery.metafizzy.co for complete docs and demos
Install
Download
- packery.pkgd.js un-minified, or
- packery.pkgd.min.js minified
CDN
Link directly to Packery files on unpkg.
<script src="https://unpkg.com/packery@3/dist/packery.pkgd.js"></script>
<!-- or -->
<script src="https://unpkg.com/packery@3/dist/packery.pkgd.min.js"></script>Package managers
npm: npm install packery --save
Bower: bower install packery --save
License
Packery v3 is licensed under the MIT license.
Initialize
With jQuery
$('.grid').packery({
// options...
itemSelector: '.grid-item'
});With vanilla JavaScript
// vanilla JS
var grid = document.querySelector('.grid');
// initialize with element
var pckry = new Packery( grid, {
// options...
itemSelector: '.grid-item'
});
// initialize with selector string
var pckry = new Packery('.grid', {
// options...
});With HTML
Add a data-packery attribute to your element. Options can be set in JSON in the value.
<div class="grid" data-packery='{ "itemSelector": ".grid-item" }'>
<div class="grid-item"></div>
<div class="grid-item"></div>
...
</div>By Metafizzy