Polyfills
The webcomponent.js polyfills enable Web Components in (evergreen) browsers that lack native support.
Install with Bower bower install webcomponentsjs
Install with npm npm install webcomponents.js
Download webcomponents.js 0.7.12 (117KB minified, 34KB gzipped)
Browser Support
| Chrome | Opera | Firefox | Safari | IE/Edge | |
 | |||||
 | |||||
 | |||||
 |
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, initially created by Mozilla & now supported by Microsoft, that brings Web Components Custom Element capabilities to all modern browsers.
Bosonic
Bosonic is a set of tools that enable you to build Web Components as the spec currently describes, and supporting not-so-modern browsers like IE9.
SkateJS
SkateJS is a superset of the web component specs, with a very small footprint, that enables you to write performant web components using a functional rendering pipeline.
Discover
Specs
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.
Articles
Please Welcome Polymer 1.7Polymer 1.7.0 provides forward compatibility features that let you build elements that run under both 1.0 and 2.0.
Read More >Presentations
Accessibility is My Favorite Part of the PlatformMy favorite part of my job is when I get to work on accessibility. I see this as removing uncertainty and anxiety from people’s day, and helping them access the information they need. But working with accessibility can be frustrating, especially when you feel like you’re fighting the platform instead of working with it.
Read More >