JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/[email protected]/umd/index.js"></script>
<html>
  <head>
    <title>Hello World</title>
  </head>
  <body>
    <l-hello name="you beautiful future flower"></l-hello>
  </body>
</html>

Babel + JSX

/*@jsx Blossom.createElement */

class Hello extends Blossom.Component {
	render() {
  	return <div>Hello, {this.props.name} !</div>;
  }
}

Blossom.register({
	name: 'l-hello',
  element: Hello
})