JSFiddle - React, Tailwind, and code Playground

by the wazz

HTML

<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
<div id="mainContent1">
    <div class="example" data-scroll></div>
</div>

CSS

.example {
    height: 150px;
    width: 150px;
    background-color: #000000;
    display: block;
    margin-top: 150vh;
    /*just to be able to scroll down for sr effect*/
}

JavaScript

window.sr = ScrollReveal();
sr.reveal('.example');