Skip to content
WebComponents
.dev
by
For more details see the blog post
All the Ways to make a Web Component
HTMLElement-based
HTMLElement
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
AppRun
ElemX
Exalt
FAST
HyperHTML Element
Joist
Joist (with lit-html)
Lit (new) JavaScript
Lit (new) TypeScript
LitElement v2
Neow (Alpha)
Omi w/Class
Readymade
SkateJS (with Lit-html)
SkateJS (with Preact)
SlimJS
uce-template
Hook-based
Atomico
Gallop
Haunted
Heresy w/Hook
Object-based
Ficus w/ lit-html
Heresy
htmlhammer
Hybrids
Kirei
Litedom
Ottavino
Swiss
Synergy
uce
CSS-in-JS
twind
twind + LitElement
Compiler
Lightning Web Components
Lume Element
Prism
Solid Element
Stencil
Svelte