JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js"></script>
<body>
<ul>
	<li class="myClass">1</li>
	<li class="myClass">2</li>
	<li class="myClass">3</li>
	<li class="myClass">4</li>
	<li class="myClass">5</li>
</ul>
</body>

CSS

body{
  background-color: pink;
}

JavaScript

var listItems=document.querySelectorAll('.myClass'),duration=1.2;
TweenMax.set(document.querySelector('ul'),{marginTop:250});
TweenMax.staggerFromTo(listItems,duration,
                       {position:'relative',display:'block',float:'left',bottom:250},
                       {bottom:0,ease:Bounce.easeOut},
                       duration*.1);