JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

<iframe id="demo"></iframe>

CSS

#demo {
    width: 800px;
    height: 400px;
}

JavaScript

var myFrame = document.getElementById('demo');
    doc = myFrame.contentWindow.document,
    styles = $('link')[1];

$('head', doc).append(styles);
$( doc.body ).append( "<div id='dialog'>" ).find( "#dialog" ).dialog({
    'draggable': true,
    'modal': true
});