Custom Element
Padrão web para definir novos elementos HTML. customElements.define('my-button', class extends HTMLElement { ... }). Padronizado em 2018. Base da especificação Web Components.
Suporte nativo em todos os navegadores modernos. Uso típico: bibliotecas de componentes agnósticas de framework (design systems que funcionam em React + Vue + Angular). Microsoft Fluent UI, GitHub Primer, Shoelace. Ciclo de vida embutido: connectedCallback, disconnectedCallback, attributeChangedCallback. Trade-off frente a React/Vue: mais simples para componentes puramente visuais, incômodo para data binding/reatividade (exige gerenciamento de estado próprio). Frameworks modernos: o Lit (Google) é uma camada fina sobre custom elements + props reativas. O Shadow DOM costuma ser usado junto, para isolar CSS e DOM.