Web Component Getting started with Web Component Availability

Example

Native implementations

The <template> element is implemented in every modern browsers:

• Chrome,
• Edge,
• Firefox,
• Opera,
• Safari,
• ...

Custom Elements customElements.define(), Shadow DOM attachShadow() and HTML Imports <link rel="import"> are implemented in the latest versions of Chrome and Opera.

Polyfills

For other browsers, you can use a polyfill library:

• for Custom Elements: from WebReflection or Webcomponents.org,
• for Shadow DOM: from Webcomponents.org,
• for Template : from Neovov,
• for HTML Imports: from Webcomponents.org