JSFiddle - React, Tailwind, and code Playground

HTML

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
  AOS.init();
</script>

<header></header>
<div data-aos="fade-up"></div>
<div data-aos="fade-down"></div>
<div data-aos="fade-right"></div>
<div data-aos="fade-left"></div>

CSS

header {
  min-height: 100vh;
}

div {
  width: 50%;
  height: 200px;
  background-color: #00f;
  margin-bottom: 1em;
}