JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<div class="widget1 drag_resize">
 Dummy contents 1
</div>
<div class="widget2 drag_resize">
 Dummy contents 2
</div>
<div class="widget3 drag_resize">
 Dummy contents 3
</div>

CSS

.widget1
{
    width:150px; min-height:120px; border:1px solid green;
    background-color:#ccc;
}
.widget2
{
    width:150px; min-height:120px; border:1px solid blue;
    background-color:#ccc;
}
.widget3
{
    width:150px; min-height:120px; border:1px solid black;
    background-color:#ccc;
}

JavaScript

$(function() {
    $(".drag_resize").draggable({stack: "div"}).resizable();
});