All the Ways to Make a Web Component - Board

HTMLElement-based

HTMLElement (w/ Alpine JS)

HTMLElement (w/ catalyst)

HTMLElement (w/ jtml)

HTMLElement (w/ Lighterhtml)

HTMLElement (w/ Lit (new))

HTMLElement (w/ Lit-html)

HTMLElement (w/ Mithril)

HTMLElement (w/ uhtml)

Class-based

HyperHTML Element

Joist (with lit-html)

Lit (new) JavaScript

Lit (new) 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