Vue.js Embedded Widget

Vue 3 widget that integrates into any website via Custom Elements and Shadow DOM.

Package Vue.js JavaScript Vite Tailwind CSS

Overview

A versatile Vue.js 3 widget that embeds into external sites without imposing conditions. Uses Custom Elements API and Shadow Root for isolation. Example use case: countdown widget; build to widget.js and include on any site.

Tips

Clone, npm install, npx vite build. Serve dist/ and include widget.js on the host site.
Use dev.js entry for development/preview; main.js for the embedded build.

View on GitHub