JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.0.2/wow.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
<div class="wow bounceInUp"></div>
<div class="wow bounceInDown"></div>
<div class="wow bounceInLeft"></div>
<div class="wow bounceInRight"></div>
<div class="wow zoomInUp"></div>
<div class="wow zoomInDown"></div>
<div class="wow bounceInUp"></div>
<div class="wow bounceInDown"></div>
<div class="wow bounceInLeft"></div>
<div class="wow bounceInRight"></div>
<div class="wow zoomInUp"></div>
<div class="wow zoomInDown"></div>

CSS

div {
    width: 100%;
    height: 400px;
    float: left;
}
div:nth-child(even) {
    background: #111;
}
div:nth-child(odd) {
    background: #333;
}

JavaScript

new WOW().init();