A simple web component boilerplate

my-element.html

<template>
    <style>
    </style>
</template>
<script>
  var Element = null;

  (function(currentScript) {

    var elemPrototype   = Object.create(HTMLDivElement.prototype); // pick the appropriate prototype for your element!

    // Private properties

    // Public Properties

    // Helpers

    // Lifecycle callbacks

    elemPrototype.createdCallback = function() {
      this.root = this.createShadowRoot();
      var tplContent = currentScript.ownerDocument.querySelector('template').content,
          node       = document.importNode(tplContent, true);

      this.root.appendChild(node);
    };

    elemPrototype.attachedCallback = function() {
    };

    Element = document.registerElement('my-element', { prototype: elemPrototype });
  }(document.currentScript || document._currentScript));
</script>