Web component libraries

Oct 12, 2020 • ☕️ 1 min read

Web Components consist of three separate technologies that are used together:

  • Custom Elements: Quite simply, these are fully-valid HTML elements with custom templates, behaviors and tag names made with a set of JavaScript APIs.
  • HTML templates: User-defined templates in HTML that aren’t rendered until called upon
  • Shadow DOM: Capable of isolating CSS and JavaScript


Stencil is a toolchain for building reusable, scalable Design Systems. Generate small, blazing fast, and 100% standards based Web Components that run in every browser.


Libraries, tools, and standards for a better web: LitElement, lit-html, web components


LitElement uses lit-html to render into the element’s Shadow DOM and adds API to help manage element properties and attributes


Hybrids is a UI library for creating web components with unique declarative and functional approach based on plain objects and pure functions.

Related Posts

JavaScript Host Environments

Host environments implement JavaScript language specification and provides additional platform specific functionality

A complete guide to JavaScript tooling

Want to become a productive JavaScript developer? Confused no more with a complete guide to JavaScript tooling systems

Continuous integration tools

Notable continuous integration and continuous delivery tools or services

On attention to your content

The truth is, it is not really about the format of the content as much as it is the quality it provides people