vuejs/vue-web-component-wrapper

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

1062 stars · 99 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A Vue 2 library that wraps a Vue component as a standards-based web component (custom element) so it can be registered with customElements.define and used in any page or framework. It proxies props between the custom element and the inner Vue component, including attribute-to-prop mapping and boolean casting.

Use cases

• wrap a Vue component as a custom element
• use Vue components in non-Vue pages via web components
• register a Vue component with customElements.define
• embed Vue widgets in plain HTML or other frameworks
• convert Vue 2 components to standards-based custom elements

When to choose

• you are on Vue 2 and need to expose components as native custom elements
• you want to embed Vue components in pages or apps not built with Vue
• you need standards-based custom elements with prop/attribute proxying

When to avoid

• you are using Vue 3, which has built-in defineCustomElement
• you need IE11 support
• you need active development or official maintenance guarantees

Facets

library · maturity maintenance

ui-components frontend-framework web-development frontend developer-tools browser vue web-components custom-elements vue2 shadow-dom javascript web

Member repositories

For agents

markdown · JSON · MCP: product_card(name="vuejs/vue-web-component-wrapper")