A Web Component example using VanillaJS.

Looking for a boilerplate? Check element-boilerplate.

Check it live!

Install the component using Bower:

$ bower install hello-world-element --save

Or download as ZIP.

1. Import polyfill:

   <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>

2. Import custom element:

   <link rel="import" href="bower_components/hello-world-element/hello-world.html">

3. Start using it!

   <hello-world></hello-world>

In order to run it locally you'll need to fetch some dependencies and a basic server setup.

1. Install bower & polyserve:

   $ npm install -g bower polyserve

2. Install local dependencies:

   $ bower install

3. Start development server and open http://localhost:8080/components/hello-world-element/.

   $ polyserve

For detailed changelog, check Releases.

MIT License © WebComponents.org