JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.4.4/babel.min.js"></script>

<div id="bar"></div>
<pre id="code"></div>

JavaScript

var source = "export default class Foo { constructor() { document.getElementById('bar').innerHTML = 'foo'; } }";

document.getElementById('code').appendChild(document.createTextNode(Babel.transform(source, { presets: ['es2015'] }).code));