X-Tag - a cross-browser web components library

When you need an advanced HTML element for your app - like a tabbox, tree, special input, etc. - you're probably familiar with this process:

  • scour the web for a plugin
  • add the plugin script include to your page
  • copy an element, or block of elements, into your markup
  • create a script block or include for your own code
  • write JavaScript to select elements on page load
  • instantiate a script to augment the existing vanilla markup
  • wash, rinse, repeat for every plugin you need

But what if all you had to do was:

  • Define your own HTML tag
  • Use it as you would any native tag
  • There is no step 3, it all Just Works™