JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

div {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 5px;
    background-color: red;
}

JavaScript

$('div').hide();
$('div').each(function(i) {
    $(this).delay(100*i).fadeIn('slow');
});