JSFiddle - React, Tailwind, and code Playground

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: 100px;
  height: 100px;
  border: 1px black solid;
  top: 10px;
  z-index: 10;
  left: 0px;
}

.box1 {
  background-color: #d0d0d0;
}

.box.ui-resizable-disabled {
  opacity: 1.0;
  filter: Alpha(Opacity=100);
}

.transformable-handle-scale,
.transformable-handle-skew {
  display: none;
}

JavaScript

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