Web Components

Custom elements
Web Components are a set of features that provide a standard component model for the Web allowing for encapsulation and interoperability of individual HTML elements.wikipedia
37 Related Articles

Polymer (library)

PolymerGoogle PolymerGoogle's Polymer
Some of these libraries are X-Tag, Slim.js, Polymer, Bosonic, Riot.js, and Smart HTML Elements. Polymer, a library based on Web Components was released by Google in 2013.
Polymer is an open-source JavaScript library for building web applications using Web Components.

JQWidgets

jqxChartjqxSchedulerSmart HTML Elements
Some of these libraries are X-Tag, Slim.js, Polymer, Bosonic, Riot.js, and Smart HTML Elements.
As of version 5.0.0, jQWidgets also supports Custom elements (a functionality part of Web Components).

Encapsulation (computer programming)

encapsulationencapsulateencapsulated
Web Components are a set of features that provide a standard component model for the Web allowing for encapsulation and interoperability of individual HTML elements.

Interoperability

interoperableinteroperateInteroperability testing
Web Components are a set of features that provide a standard component model for the Web allowing for encapsulation and interoperability of individual HTML elements.

HTML element

iframeelementHTML tag
Web Components are a set of features that provide a standard component model for the Web allowing for encapsulation and interoperability of individual HTML elements.

HTML

Hypertext Markup LanguageHTML 3.2HTML 4
Autonomous custom elements are HTML elements that are entirely separated from native HTML elements; they are essentially built from the bottom up using the Custom Elements API. The impact of CSS scoped within the Shadow DOM of a particular element is that HTML elements can be encapsulated without the risk of CSS styles leaking and affecting elements that they were not supposed to affect.

Application programming interface

APIAPIsapplication programming interfaces
Autonomous custom elements are HTML elements that are entirely separated from native HTML elements; they are essentially built from the bottom up using the Custom Elements API.

Web browser

browserweb browsersinternet browser
Shadow DOM is a functionality that allows the web browser to render DOM elements without putting them into the main document DOM tree.

Document Object Model

DOMDocument Object Model (DOM)DOM tree
Shadow DOM is a functionality that allows the web browser to render DOM elements without putting them into the main document DOM tree.

Cascading Style Sheets

CSSCSS3Cascading Style Sheet
The impact of CSS scoped within the Shadow DOM of a particular element is that HTML elements can be encapsulated without the risk of CSS styles leaking and affecting elements that they were not supposed to affect.

Scripting language

scriptingscriptscripts
Shadow DOM must always be connected to an existing element, either through attaching it as a literal element or through scripting.

JavaScript

Server-side JavaScriptclient-side JavaScriptJS
In JavaScript, you attach Shadow DOM to an element using. Backward compatibility with older browsers is implemented using JavaScript-based polyfills.

Google Chrome

ChromeChrome browserGoogle Chrome Extensions
HTML Templates are supported in Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, and Opera. Support for an early version of Custom Elements and Shadow DOM, known as "v0", is present in some Blink-based browsers like Google Chrome and Opera and is in Mozilla Firefox (requires a manual configuration change).

Microsoft Edge

EdgeEdge browserME
HTML Templates are supported in Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, and Opera.

Safari (web browser)

SafariApple SafariSafari web browser
HTML Templates are supported in Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, and Opera.

Opera (web browser)

OperaOpera web browserOpera browser
HTML Templates are supported in Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, and Opera. Support for an early version of Custom Elements and Shadow DOM, known as "v0", is present in some Blink-based browsers like Google Chrome and Opera and is in Mozilla Firefox (requires a manual configuration change).

Blink (browser engine)

BlinkQtWebEngineBlink (web engine)
Support for an early version of Custom Elements and Shadow DOM, known as "v0", is present in some Blink-based browsers like Google Chrome and Opera and is in Mozilla Firefox (requires a manual configuration change).

Firefox

Mozilla FirefoxFirefox browserSpread Firefox
HTML Templates are supported in Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, and Opera. Support for an early version of Custom Elements and Shadow DOM, known as "v0", is present in some Blink-based browsers like Google Chrome and Opera and is in Mozilla Firefox (requires a manual configuration change).

Polyfill (programming)

polyfillPolyfills
Backward compatibility with older browsers is implemented using JavaScript-based polyfills.

Google

Google Inc.Google, Inc.Google LLC
Polymer, a library based on Web Components was released by Google in 2013.

Vaadin

IT Mill Toolkit
The Vaadin Platform includes a set of web components, a Java web framework, and a set of tools and application starters.

Ionic (mobile app framework)

IonicIonic Framework
However, The latest release was re-built as a set of Web Components, allowing the user to choose any user interface framework, such as Angular, React or Vue.js.

Google Web Components

Google Web Components are web components built using the Google Polymer framework in order to provide access to Google's APIs and online services.

Accelerated Mobile Pages

AMPAccelerated Mobile Pages ProjectAMP Project
AMP HTML, which is standard HTML markup with web components;