Web Components are a set of browser-native APIs for creating custom, reusable HTML elements: Custom Elements (define new tags like <my-button>), Shadow DOM (encapsulate styles so they do not leak), HTML Templates (<template> and <slot> for markup reuse). Unlike React or Vue components, Web Components work in any framework or no framework at all. They are supported by all modern browsers natively.
glossary2 min read
Web Components
Web Components let you create reusable custom HTML elements with encapsulated styles and behavior.
Try these tools
More glossary articles
What is WebP?
WebP is a modern image format by Google offering superior compression. Learn when and how to use WebP images.
What is HEIC?
HEIC is the default photo format on iPhones. Learn what it is, why Apple uses it, and how to convert it.
What is JSON?
JSON (JavaScript Object Notation) is the standard data format for web APIs. Learn the syntax and common uses.
What is Regex?
Regular expressions (regex) are patterns for matching text. Learn the basics and common use cases.