JSFiddle - React, Tailwind, and code Playground

HTML

<div id="preloader"></div>

CSS

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: white no-repeat center center;
  background-size: 80px;
}

JavaScript

$(document).ready(function() {
  $("#preloader").delay(500)
  .fadeOut("slow", function() { 
    return $("#preloader").remove() 
  })
});