JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/kute.js/1.6.2/kute.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/kute.js@1.6.5/kute.min.js"></script>		
<script src="https://cdn.jsdelivr.net/npm/kute.js@1.6.5/kute-svg.js"></script>

<svg id="morph-example" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
    <path id="rectangle" class="bg-lime" d="M38.01,5.653h526.531c17.905,0,32.422,14.516,32.422,32.422v526.531 c0,17.905-14.517,32.422-32.422,32.422H38.01c-17.906,0-32.422-14.517-32.422-32.422V38.075C5.588,20.169,20.104,5.653,38.01,5.653z"/>
    <path id="star" style="visibility:hidden" d="M301.113,12.011l99.25,179.996l201.864,38.778L461.706,380.808 l25.508,203.958l-186.101-87.287L115.01,584.766l25.507-203.958L0,230.785l201.86-38.778L301.113,12.011"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 121.7 145.1">
<path id="wave1" d="M99.4,82c0.5,1,0.9,2.1,1.2,3.2c0.7,2.5,0.3,4.5-1.1,6c-2.8,4.5-6.3,3.3-10,2c-1.8-0.7-3.7-1.1-5.7-1.2    c1,5.1-0.8,9.3-5.9,14l-0.4,0.9c-0.3,0.7-0.7,1.4-1.1,2.1c-0.6,1.6-1.4,3.1-2.2,4.6c-0.7,1.9-0.9,4-0.5,5.9v0.1    c-0.2,0.5-0.3,1.1-0.5,1.7c-0.4,1.8-0.9,3.6-2.2,3.7c-4.3,0.4-7.3-3.5-10.2-7.3c-0.9-1.2-1.8-2.3-2.7-3.3c-0.5-0.7-1-1.3-1.4-2    c-0.5-0.8-1.1-1.6-1.7-2.4c-0.7-1.1-1.3-2.2-1.8-3.4c-0.7-1.4-1.4-2.9-2-4.3l-0.1-0.2c-0.4-0.9-0.8-1.8-1.2-2.6    c-0.2-0.5-0.4-0.9-0.6-1.2c-0.7-1.3-1.3-2.8-1.8-4.1l0,0c-1.7-3.4-0.2-7.1,1.2-10.8c0.4-0.9,0.7-1.8,1-2.7c0-0.5,0.1-0.9,0.3-1.3    c0.3-0.7,0.4-1.4,0.2-2.1c-0.8-1.2-1.4-2.5-1.8-3.9c-0.8-3.4,0.3-6.8,3.2-10.9c0.8-1.2,1.7-2.3,2.6-3.4c2.9-3.3,3.8-7.6,4.4-11.2    c0.2-2,0.6-3.9,1.3-5.7c0.3-1.5,0.7-2.8,0.9-3.9c0.2-0.4,0.3-0.8,0.5-1.2c0.6-1.7,1.4-3.3,2.5-4.8l0.1-0.1l0.1,0.1    c1.1,1,2,2.1,2.9,3.3c0.6,0.8,1.1,1.7,1.7,2.5l0.7,1c1.6,0.4,3.2,1,4.6,1.8c1.2,0.7,2.2,1.6,3.1,2.8c1.6,0.9,3.1,2.1,4.3,3.5    c1,1.1,1.9,2.5,2.4,3.9c0.5,1.5,0.7,3,0.7,4.5c0,0.8-0.1,1.6-0.2,2.5c-0.1,0.9-0.2,1.6-0.2,2.5c0.1,1.7,0.6,3.3,1.3,4.8   ...

CSS

svg {
  width: 300px;
  height: 300px;
}

JavaScript

var tween = KUTE.to('#rectangle', { path: '#star' }).start();


setTimeout(function() {
var tween2 = KUTE.to('#wave1', { path: '#wave2' }).start();
}, 1000);