Module for NuxtJS.

Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages.


Using modern and client build
Export components as widgets
Use the Shadow DOM 🥷
Use TailwindCSS and Vuetify for your widgets

Browsers support

For cross-browser compatibility (IE11+) the client build uses the Polyfill custom-elements

Polyfill not included in the modern build, optional include by option modernPolyfill ( Learn more ).


For a quick integration, see Nuxt Custom-Elements Example for more examples.

Example Sandbox

Loading CodeSandbox...
Edit this page on GitHub Updated at Wed, Nov 9, 2022