JSFiddle - React, Tailwind, and code Playground

by Ehsan Ziya

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/two.js/0.4.0/two.js"></script>
<script src="http://dynamicsjs.com/lib/dynamics.js"></script>

CSS

body {
    margin: 0;
    padding: 0;
}

JavaScript

var two = new Two({
    fullscreen: true,
    autostart: true
}).appendTo(document.body);

var rect = two.makeRectangle(two.width / 2, two.height / 2, 50, 50);

dynamics.animate(rect.translation, {
    x: 50
}, {
    type: dynamics.spring,
    duration: 3000,
    complete: function(){
        console.log('im done');
    }
});