JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fadeIn">Test 1</div>
<div class="fadeIn">Test 2</div>
<div class="fadeIn">Test 3</div>
<div class="fadeIn">Test 4</div>
<div class="fadeIn">Test 5</div>
<div class="fadeIn">Test 6</div>

CSS

.fadeIn {
  display: none;
}

JavaScript

$('.fadeIn').each(function() {
      var $this = $(this);
      var i = 3000;
      $this.before('<div>&nbsp;</div>');
      setTimeout(function() {
          $this.prev().remove();
          $this.fadeIn(i);
          i = i+1000;
        }, Math.floor());
      }
    );