JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sample" style="height:200px;width:200px;border:2px solid #222;display:none"></div>

JavaScript

$('#sample').css('opacity',0);
    $('#sample').css("display","block");
    $('#sample').animate({opacity:1},1500,'swing');