PackIt.js

Fixed Element
100 divs, random size, random color
licensezero
Free for personal use, free for open source
$29.99 $14.99 for a commercial license
View on GitHub buy now
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()
            })
          })