Writing custom elements with lit-html

Hands holding a card with the “Lit” logo and text “Lit” under the title “How I Write Custom Elements with lit-html”.

Dave Samaniego shows why he reaches for lit-html over full Lit, including size, a light DOM approach, and simpler imports. He walks through a stateless <textarea> wrapper with a live status bar, then a stateful Pokémon card that uses signals, shuffling, Intersection Observer, and keyboard navigation.

frontendmasters.com/blog/custom-elements-with-lit-html