What?
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.
Browser Support
| Chrome | Opera | Firefox | Safari | IE | |
Data fetched from Are We Componentized Yet?
Libraries
Polymer
Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.
X-Tag
X-Tag is a small JavaScript library, created and supported by Mozilla, that brings Web Components Custom Element capabilities to all modern browsers.
Specs
Web Components
This document is a non-normative reference, which provides an overview of Web Components. It summarizes the normative information in the respective specifications in easy-to-digest prose with illustrations.
Custom Elements
This specification describes the method for enabling the author to define and use new types of DOM elements in a document.
HTML Imports
HTML Imports are a way to include and reuse HTML documents in other HTML documents.
Templates
This specification describes a method for declaring inert DOM subtrees in HTML and manipulating them to instantiate document fragments with identical contents.
Shadow DOM
This specification describes a method of establishing and maintaining functional boundaries between DOM trees and how these trees interact with each other within a document, thus enabling better functional encapsulation within the DOM.
Discover
Articles
Web Components (WC) are a new set of web platform features that enable developers to build applications in a declarative, composable way. The following is an initial list of best practices we advocate component authors consider to ensure their elements are good citizens in the Web Component ecosystem.
Read More >Presentations
This year web development gets a whole lot better thanks to the incredible power of Web Components. In this talk, we’ll use polyfills to help you realize tomorrow’s web platform today. Learn how to build your own custom tags with true encapsulation that are easily shareable and even extend native browser tags.
Read More >