All the Ways to Make a Web Component - Board

HTMLElement-based

HTMLElement (w/ Alpine JS)

HTMLElement (w/ catalyst)

HTMLElement (w/ inc.-dom)

HTMLElement (w/ jtml)

HTMLElement (w/ Lighterhtml)

HTMLElement (w/ Lit 2.0)

HTMLElement (w/ Lit-html)

HTMLElement (w/ Mithril)

HTMLElement (w/ Sidewind)

HTMLElement (w/ uhtml)

Class-based

HyperHTML Element

Joist (with lit-html)

Lit 2.0 JavaScript

Lit 2.0 TypeScript

SkateJS (with Lit-html)

SkateJS (with Preact)

Hook-based

Object-based

Ficus w/ lit-html

CSS-in-JS

twind + LitElement

Compiler

Lightning Web Components