JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script src="http://flin.org/jquery.transform.js"></script>
<script src="http://flin.org/jquery.transformable-v.3.js"></script>
<div id='box' class='box'></div>

CSS

.box {position: absolute; width:300px; height: 300px; border: 1px black solid; top: 100px;}

JavaScript

$(function() {
    var b=$('.box');
    b.draggable();
    b.resizable();
    b.transformable();
});