JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css"/>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>
<script src="https://raw.github.com/angular-ui/angular-ui/master/build/angular-ui.js"></script>

<div class="ui-widget-content" ui-jq="draggable">
    <p>Drag me around</p>
</div>

<div class="ui-widget-content" ui-jq="resizable">
    <p>Resize me!</p>
</div>

<div class="ui-widget-content" ui-jq="resizable" ui-jq="draggable">
    <p>Can't do both!? :(</p>
</div>

<div class="ui-widget-content" ui-jq="resizable, draggable">
    <p>Can't do both!? :(</p>
</div>

<div class="ui-widget-content" ui-jq="resizable draggable">
    <p>Can't do both!? :(</p>
</div>

CSS

div { width: 150px; height: 150px; padding: 0.5em; }

JavaScript

App = angular.module('app', ['ui']);
angular.bootstrap(document, ['app']);