JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/heroic/Rucksack/master/rucksack.js"></script>
<div id="container">
<img src="http://placekitten.com/200/300" />
<img src="http://placekitten.com/150/300" />
<img src="http://placekitten.com/100/150" />
<img src="http://placekitten.com/150/150" />
<img src="http://placekitten.com/200/200" />
<img src="http://placekitten.com/100/200" />
<img src="http://placekitten.com/200/300" />
<img src="http://placekitten.com/150/300" />
<img src="http://placekitten.com/100/150" />
<img src="http://placekitten.com/150/150" />
<img src="http://placekitten.com/200/200" />
<img src="http://placekitten.com/100/200" />
<img src="http://placekitten.com/200/300" />
<img src="http://placekitten.com/150/300" />
<img src="http://placekitten.com/100/150" />
<img src="http://placekitten.com/150/150" />
<img src="http://placekitten.com/200/200" />
<img src="http://placekitten.com/100/200" />

</div>

CSS

#container {
    width: 600px;
}

JavaScript

$(function() {
    $('#container').rucksack({
        width: '600',
        class: 'rucksack'
    });
});