introduction to Web Components

"Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps."MDN web docs

Some browsers are still in the process of updating to support the standards for Web Components. In the mean time, polyfills simulate the missing browser capabilities as closely as possible.

You can feature-detect for the necessary browser features before loading the polyfills. This means that as more and more browsers implement the Web Components standards, the payload to run your apps and elements will decrease. The polyfills are available on GitHub.

Web Components consists of three main technologies, in particular custom elements, shadow DOM and more


please enter your name
please enter a valid email above
please enter the subject for your request
please enter your message before you send the form
mail successfully committed