PackIt.js
Fixed Element
100 divs, random size, random color
Free for personal use, free for open source
Install using npm:
npm i -S packit.js
PackIt is a KISS bin packing solution in modern ES6 JavaScript.
- Responsive
- Lightweight
- Customizable
- Extendable
- Dynamic content
- CSS animations
- No dependencies
- Tiny core
Easy to extend and customize
colorElements.forEach(colorEl => {
colorEl.addEventListener('click', event => {
packIt.setLock(true)
Array.from(packitEl.children).forEach(el => {
const filter = el.dataset.color != colorEl.dataset.color
el.dataset.packitIgnore = filter
el.classList.remove(!filter ? 'invisible' : 'visible')
el.classList.add(filter ? 'invisible' : 'visible')
})
packIt.setLock(false)
packIt.pack()
})
})