JSFiddle - React, Tailwind, and code Playground
by dievardump
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.11/require.min.js"></script>
<div id='options' style='position: absolute; top: 0; right: 160px;'></div>CSS
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;outline:none}html{overflow-x:hidden}html,body{height:100%;width:100%}body.iframe{background:none}body.noscroll{overflow:hidden;margin-right:17px}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}h1,h2,h3,h4,h5,h6{font-weight:normal}li{list-style-type:none}a,a:hover,a:active{outline:none;text-decoration:none;color:#000}a img{border:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}canvas{position:absolute;top:0;left:0}JavaScript
define("extend",[],function(){function e(e){return Array.prototype.slice.call(arguments,1).forEach(function(t){Object.getOwnPropertyNames(t).forEach(function(n){e[n]=t[n]})}),e}return e}),define("Stats",[],function(){var e=function(){var e=Date.now(),t=e,n=0,r=1/0,i=0,s=0,o=1/0,u=0,a=0,f=0,l=document.createElement("div");l.id="stats",l.addEventListener("mousedown",function(e){e.preventDefault(),y(++f%2)},!1),l.style.cssText="width:80px;opacity:0.9;cursor:pointer";var c=document.createElement("div");c.id="fps",c.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#002",l.appendChild(c);var h=document.createElement("div");h.id="fpsText",h.style.cssText="color:#0ff;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px",h.innerHTML="FPS",c.appendChild(h);var p=document.createElement("div");for(p.id="fpsGraph",p.style.cssText="position:relative;width:74px;height:30px;background-color:#0ff",c.appendChild(p);74>p.children.length;){var d=document.createElement("span");d.style.cssText="width:1px;height:30px;float:left;background-color:#113",p.appendChild(d)}var v=document.createElement("div");v.id="ms",v.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#000;display:none",l.appendChild(v);var m=document.createElement("div");m.id="msText",m.style.cssText="color:#0f0;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px",m.innerHTML="MS",v.appendChild(m);var g=document.createElement("div");for(g.id="msGraph",g.style.cssText="position:relative;width:74px;height:30px;background-color:#0f0",v.appendChild(g);74>g.children.length;){var d=document.createElement("span");d.style.cssText="width:1px;height:30px;float:left;background-color:#131",g.appendChild(d)}var y=function(e){switch(f=e){case 0:c.style.display="block",v.style.display="none";break;case 1:c.style.display="none",v.style.display="block"}},b=function(e,t){var...