JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/alevkon/smooth/raw/master/smooth.js"></script>
<div id="sample">click me</div>

CSS

#sample {
    border: 1px solid red;    text-align: center;
    margin-left: 150px;       margin-top: 150px;
    width: 80px;    height: 40px;
}

JavaScript

//$.fn.smooth.configure({mode: "jquery"});
$("#sample").click(function(){
$(this).smooth({
    width: "120px",
    transform: "rotate(-45deg)",
    background: "#cbf"
}, {
    "duration": 10000,
    "easing": "linear"
});
});