The Polymer library provides a set of features that make it easy and fast to make custom elements that work like standard DOM elements.
Polymer is an open source project led by the Google team. Its purpose is to implement the set of W3C specifications dealing with web components into an open source library and architecture suitable for creating and enabling reusable widgets (called web components) in modern web applications.
Example code
Simple Example:
<link rel="import" href="bower_components/polymer/polymer.html">
<dom-module id="my-tag">
<template>
<style>
/* CSS rules for your element */
</style>
<!-- local DOM for your element -->
<p>This is my custom Tag</p>
</template>
<script>
// element registration
Polymer({
is: 'my-tag'
});
</script>
</dom-module>
Using it in another document:
<!-- Add the <link> tag in the head of your markup -->
<link rel="import" href="bower_components/my-tag/my-tag.html">
<!-- Use your new tag anywhere in the document, which
as you expect results in "This is my custom Tag" -->
<my-tag></my-tag>
