Web Components

Web Components define a browser-native standard for creating reusable, encapsulated custom HTML elements: build once, deploy anywhere.

Web Components is a suite of four core technologies that enable framework-agnostic component development. The stack includes Custom Elements (to define the new tags, e.g., `<my-button>`), Shadow DOM (for CSS and markup encapsulation), HTML Templates (using `<template>` and `<slot>` for structure), and ES Modules (for import/export). This standards-based approach ensures your components are portable, maintainable, and function natively across all modern browsers: Chrome, Firefox, Safari, and Edge. Leverage this power to deliver truly reusable UI libraries without framework lock-in.

https://developer.mozilla.org/en-US/docs/Web/Web_Components