JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://masonry.desandro.com/masonry.pkgd.min.js"></script>
<script src="http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js"></script>
<h1>Some Pics</h1>

<p>
    This shows how to initialise Masonry after both the images and web fonts have loaded, using 
    jQuery promises.
</p>

<div class="masonry js-masonry"  data-masonry-options='{ "isFitWidth": true, "gutter": 14 }' id="content">
</div>

CSS

h1, p {
    font-family: 'Arvo', serif;
}

img {
    border: 5px solid grey;
    margin-bottom: 10px  
}

#content img {
   width: 200px;
}

JavaScript

// This is all happening inside jsfiddle's window.load method. You will need it in 
// a similar $(document).ready

// Here's an array of tumblr images, to simulate adding content to the page after document.ready
var images = [
    "http://33.media.tumblr.com/03543b4e07b3f4a7312d2f2c8e708ff9/tumblr_n9siol1V8Q1rpwhvdo1_500.jpg", 
    "http://37.media.tumblr.com/de8278e560f7d30e2bff5c545854af89/tumblr_n6lndzWSU71qdjgwlo1_500.jpg", 
    "http://37.media.tumblr.com/e869f18c37b7ceed0dd20a4603d60253/tumblr_n6q21arekv1qc91i1o1_500.jpg", 
    "http://38.media.tumblr.com/c8c8325a7d1ec65f6c24b6c9f6983eb7/tumblr_muhfkkB1UD1qjrywmo1_500.jpg", 
    "http://38.media.tumblr.com/3c700593baab905396c05560b3770e2e/tumblr_n7n2mroGRB1sjp3qco1_500.jpg", 
    "http://31.media.tumblr.com/4628f4be7ac8289fb492106e5beae8d0/tumblr_n7n2mroGRB1sjp3qco2_500.jpg", 
    "http://38.media.tumblr.com/cf386b29d883872365f8696cefbd795e/tumblr_n7n2mroGRB1sjp3qco3_500.jpg", 
    "http://38.media.tumblr.com/12dff7844988afec6b1b6b065744431c/tumblr_n8zhqeeFiL1r0f8s4o1_500.jpg", 
    "http://38.media.tumblr.com/734bb4fd76498c48332a113720a506be/tumblr_ms0ubswMTC1sy5fs8o1_r1_500.jpg", 
    "http://37.media.tumblr.com/tumblr_m5vvdwxXSa1qjo6i9o1_500.jpg", "http://38.media.tumblr.com/tumblr_mb27dlnXMc1qfji7do1_500.jpg", 
    "http://37.media.tumblr.com/943085ec2ee6a39a84202b49a94d6f43/tumblr_mes80zrQ2K1rlrv2ao1_500.jpg", 
    "http://38.media.tumblr.com/tumblr_m86g2mvqyz1qzwaddo1_500.jpg", 
    "http://33.media.tumblr.com/3d43a56e36cc17bc09e914839359766a/tumblr_mq0jij94Fs1qzi73to1_500.jpg", 
    "http://38.media.tumblr.com/dcea4d116de0619846b44ca38a41250a/tumblr_mqstjaoDMj1qbrilro1_500.jpg", 
    "http://38.media.tumblr.com/9e620a464e50b2b46bd98159bdda4c38/tumblr_mqv568G3IE1rvgu07o1_500.jpg", 
    "http://31.media.tumblr.com/760f66d76657e812358f3d1c1407f6dd/tumblr_mpm3niDh1u1qc1su5o1_r2_500.jpg", 
    "http://31.media.tumblr.com/tumblr_mdi5upByup1r9ouy2o1_500.jpg"
]

// Asynchronously load the Google web fonts...