Homepage

WebComponents.org is where pioneers and community-members of the Web Components ecosystem (like Polymer, X-tags, and other interested parties) document web components best practices so that others can follow the same path instead of needlessly striking out on their own.

What are Web Components?

Web Components are a set of emerging standards which let web developers leverage their HTML, CSS and JavaScript knowledge to build widgets that can be reused easily and reliably. The component model for the Web ("Web Components") consists of four pieces:

• Custom Elements - allow authors to define their own elements, with new tag names and new script interfaces.
• HTML Imports - define how templates, decorators and custom elements are packaged and loaded as a resource.
• Shadow DOM - encapsulates a DOM subtree for more reliable composition of user interface elements.
• Templates - chunks of markup that are inert but can be activated for use later.

Each of these pieces is useful individually.

When used in combination, Web Components enable Web application authors to define widgets with a level of visual richness and interactivity not possible with CSS alone, and ease of composition and reuse not possible with script libraries today.