JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.rawgit.com/daneden/animate.css/master/animate.css">
<div class="container">
    <div class="child animated bounceInDown"></div>
    <div class="child animated bounceInDown"></div>
    <div class="child animated bounceInDown"></div>
    <div class="child animated bounceInDown"></div>
</div>

CSS

.container {
    height: 400px;
    width: 50px;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    border: 1px solid #AAAAAA;
}
.child {
    width: 40px;
    height: 40px;
    display: block;
    margin:2px;
    border: 1px solid #AAAAAA;
}

JavaScript

setTimeout(function(){
    var newbox = "<div class='child  animated bounceInDown'></div>"
$(newbox).prependTo('.container').hide().slideDown(500);

}, 2000);