webcomponents.js

A suite of polyfills supporting the HTML web components specs:

Custom Elements: allows authors to define their own custom tags (spec).

HTML Imports: a way to include and reuse HTML documents via other HTML documents (spec).

Shadow DOM: provides encapsulation by hiding DOM subtrees under shadow roots (spec).

This also folds in polyfills for MutationObserver and WeakMap.

Building

To build the concatenated and minified polyfills, you need node and gulp on your system:

• install NodeJS using the instructions on their website

• use npm to install gulp.js:

  npm install -g gulp

Now you are able to build the polyfills with:

# install dependecies
npm install
# build
gulp

Builds

webcomponents.js includes all of the polyfills.

webcomponents-lite.js includes all polyfills except for shadow DOM.

Releases

Release (tagged) versions of webcomponents.js include concatenated and minified sources for your convenience.