Web Components

Web components are an underlying web standard designed for sharing UI across apps.

They can be difficult to work with (see web component gotchas) but the underlying technology is sound, highly performant, and well adopted by browsers.

Key Features

Blazingly Fast

Web components are native to the browser and so they are fast, almost as fast as vanilla JS, see benchmark comparisons

Native Web Standard

Web components are built right into the browser with improvements being made each year, for instance open-styleable shadow DOM roots will soon clear the way for easy style overrides.

Well Adopted By Community

Most user frameworks already support web components or are planning major overhauls to support them in upcoming versions. This means that the community is aligned that web components will be here for the long haul.

For more information on web component compatibility see related guides

• React
• Angular
• VueJS
• Svelte

Portable Across UI Frameworks

If you build your underlying base UI components with Semantic’s component system, you can keep your UI even if you decide to change the underlying framework used by your website.