JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/blossom-js@0.50.0/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 */
const {registerAs, Component} = Blossom;

@registerAs('l-hello')
class Hello extends Component {
	render() {
  	return <div>Hello, {this.props.name} !</div>;
  }
}