JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.wookmark.com/js/jquery.wookmark.min.js?v=10"></script>
<div class="wookmark">
    <div class="singleitem red">s</div>
    <div class="singleitem red">s</div>
    <div class="singleitem red">s</div>
    <div class="singleitem red">s</div>
    <div class="singleitem red">s</div>
</div>        

<div class="wookmark">
    <div class="singleitem blue">s</div>
    <div class="singleitem blue">s</div>
    <div class="singleitem blue">s</div>
    <div class="singleitem blue">s</div>
    <div class="singleitem blue">s</div>
</div>

CSS

.wookmark {
    position: relative; /** Needed to ensure items are laid out relative to this container **/
    margin: 0;
    padding: 0;	
}
.singleitem{
    border:1px solid #000;
    background:red;
    width:60px;
    height:60px
}
.red {
    background:red;
}
.blue {
    background:blue;
}

JavaScript

$(document).ready(function() {
    $('.wookmark .singleitem').wookmark({
   			autoResize: true, // This will auto-update the layout when the browser window is resized.
            container: $('.wookmark'), // Optional, used for some extra CSS styling
			offset: 5, // Optional, the distance between grid items
			itemWidth: 60, // Optional, the width of a grid item
    });
});