Web components (or Custom Elements) are a set of standardized APIs that allow you to create reusable and encapsulated components for the web. Custom elements allow you to define your own HTML elements and their behavior using JavaScript. This means you can create your own custom elements like <my-element> and define their behavior using JavaScript.
It has been around for quite some time now, but it hasn’t gained notable traction in the frontend world as most are still quite unfamiliar with it, although it’s being widely used in top websites such as YouTube, GitHub, and many more.