JSFiddle - React, Tailwind, and code Playground

HTML

<script>
      /*!
      loadCSS: load a CSS file asynchronously.
      */
      function loadCss(href){
        var ss = window.document.createElement('link'),
            ref = window.document.getElementsByTagName('head')[0];

        ss.rel = 'stylesheet';
        ss.href = href;

        // temporarily, set media to something non-matching to ensure it'll
        // fetch without blocking render
        ss.media = 'only x';

        ref.parentNode.insertBefore(ss, ref);

        setTimeout( function(){
          // set media back to `all` so that the stylesheet applies once it loads
          ss.media = 'all';
        },0);
      }
      loadCss('assets/css/bootstrap.min.css');
      loadCss('assets/css/animate.min.css');
      loadCss('assets/css/font-awesome/css/font-awesome.css');
      loadCss('assets/js/prettyPhoto/css/prettyPhoto.css');
      loadCss('assets/css/style.css');
    </script>
    <noscript>
      <!-- Let's not assume anything -->
        <link rel='stylesheet prefetch' href='assets/css/bootstrap.min.css'>
        <link rel='stylesheet prefetch' href='assets/css/animate.min.css'>
        <link rel='stylesheet prefetch' href='assets/css/font-awesome/css/font-awesome.css'>        
        <link rel="stylesheet" href="assets/js/prettyPhoto/css/prettyPhoto.css">
        <link rel="stylesheet" href="assets/css/style.css">
    </noscript>
-->