JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div{
 width:200px;
 height:200px;
    margin-left:-100px; 
    margin-top:-100px;
 opacity:0;
 background:#333;
 position:absolute; left:50%; top:50%;
}

JavaScript

$('div').animate({
width:400,
height:400,
marginLeft:-200,
marginTop:-200,
opacity:1
},500);