Use JSX with the native DOM.

jsx-anywhere.js

function shouldBeProp (item) {
  return typeof item === 'function' || typeof item === 'object';
}

window.React = {
  createElement (name, attrs, ...chren) {
    const node = typeof name === 'function' ? name() : document.createElement(name);
    Object.keys(attrs || []).forEach(attr => shouldBeProp(attrs[attr]) ? node[attr] = attrs[attr] : node.setAttribute(attr, attrs[attr]));
    chren.forEach(child => node.appendChild(child instanceof Node ? child : document.createTextNode(child)));
    return node;
  }
};

Babel compiles things down to React.createElement() calls, so all you really have to do is simply transpile your code and include this. If you don't want to do window.React, you can include this as a shim in the transpiled code as a local React variable by just changing window.React to be const React or something.

The shouldBeProp function allows you to do things like:

<my-element
  some-attr="some value"
  someProp=<sub-element /> 
/>

Added the ability to specify a function as the tag name:

function myElement () {
  return document.createElement('my-element');
}

// Creates <my-element />
<myElement />