JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

ul {
    margin:0 0 0 -40px;
    width:100%;
    height:100%;
}
ul li {
    display:block;
    float:left;
    height:50px;
    width:50px;
    margin:15px;
    border:1px solid #888;
}

JavaScript

var listli = $("li");

listli.hide();
listli.each(function(){
$(this).show("puff", {
    percent: 160
}, 1000);
});