X-Tag
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™
http://mozilla.github.com/x-tag/#intro
http://mozilla.github.com/x-tag/#docs