JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script>
<div class="someDiv"></div>
JavaScript
var someDiv = document.querySelector('.someDiv');
var array = ['bla', 'blabla', 'blalalalal'];
var length = array.length;
var myVar = '';
var elements = null;
var tl = new TimelineMax({ paused: true });
for (var i = 0 ; i < length; i += 1) {
myVar += '<div class="name">' + array[i] + '</div>';
}
someDiv.innerHTML = myVar;
elements = document.querySelectorAll('.name');
tl.staggerFrom(elements, 1, { x: 40, opacity: 0, ease: Back.easeOut.config(2) }, 0.2);
tl.play();