Web Components v1 - the next generation

Taylor is a PM on the Chrome Team, focusing on Web Components and Polymer.

Ever wanted to build your own self-contained JavaScript component, that you can
easily use across multiple projects or share with other developers regardless of
what JavaScript framework they use? Web Components may be for you.

Web Components are a set of new web platform features that let you create your
own HTML elements. Each new custom element can have a custom tag like
<my-button>, and have all the goodness of built-in elements - custom elements
can have properties and methods, fire and respond to events, and even have an
encapsulated style and DOM trees to bring along their own look and feel.

By providing a platform-based, low-level component model, Web Components let you
build and share re-usable elements for everything from specialized buttons to
complex views like datepickers. Because Web Components are built with platform
API’s which include powerful encapsulation primitives, you can even use these
components within other JavaScript libraries or frameworks as if they were
standard DOM elements.

You may have heard of Web Components before - an early version of the Web
Components spec - v0 - was shipped in Chrome
33.

webcomponents.org

The Web Component community is also growing in leaps and bounds. We’re excited
to see the launch of an updated
webcomponents.org site - the focal point of
the web components community - including an integrated catalog for developers to
share their elements.