JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.wookmark.com/js/jquery.wookmark.min.js?v=10"></script>
<h2>First row</h2>

<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>

<h2>Second row</h2>

<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

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