JSFiddle - React, Tailwind, and code Playground

HTML

<div id="drag" class="ui-draggable sleep ui-resizable" style="position: absolute; left: 10px; top: 17px; height: 50px; width: 50px;">
    <img src="http://jsfiddle.net/img/initializing.png" class="center" />

 <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>

 <div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
</div>

CSS

.sleep
{
    border: 1px solid Gray;
    background-color: White;
}

#drag img
{
    width:100%;
        height:100%;
}

JavaScript

$(document).ready(function()
{
    $(".sleep").draggable();
    $(".sleep").resizable();
});