JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>explode demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  <style>
  #square {
    width: 100px;
    height: 100px;
    background: darkred;
    display:none
  }
  </style>
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
 

<p>
        <input type="button" value="Click to Show!" id="bt"/>
    </p>

<div id="square"></div>
 

<script>
    $(document).ready(function () {
        $('#bt').click(function (e) {
            $("#square")
                .show('explode', { pieces: 81 }, 1000);
        });
    });

</script>
 
</body>
</html>