Vite config possible

These have an interactive configuration similar to Vite, allowing you to select the framework (Vue, React, etc.)

WXT

https://wxt.dev/

Amazing! Best one on this list. Can easily make cross browser extensions with Vue, React, Svelte. Hot reloading works very well. Has some good wrapper APIs around the confusing native ones. Successor to Vite Plugin Web Ext.

Vite Plugin Web Extension (lightweight pick)

https://vite-plugin-web-extension.aklinker1.io/

• Vite: with initializer
• Chrome and Firefox
• Newer, works nicely, dev loads extension into separate browser profile

CRXJS

https://crxjs.dev/

https://github.com/crxjs/chrome-extension-tools

• Should be cross-browser
• Vite: with initializer
• HRM was broken with Vite 4.3 crxjs/chrome-extension-tools#693

@guocaoyi/create-chrome-ext

https://github.com/guocaoyi/create-chrome-ext

Haven't tried. Chrome only?

@samrum/vite-plugin-web-extension (Unmaintained)

https://github.com/samrum/vite-plugin-web-extension

• Chrome and Firefox
• Vite: with initializer
• No hot reloading, need to reload extension manually

Opinionated templates

These come with a configuration already prepared for Vue and a bunch of common dependencies for a quicker start, at the cost of a heavier distributable if you don't use everything

Vitesse webext (heavyweight pick)

https://github.com/antfu/vitesse-webext

• Vue 3 with Typescript
• Chrome and Firefox
• Vite
• Lots of dependencies already setup and good starting components

vite-vue3-chrome-extension-v3

https://github.com/mubaidr/vite-vue3-chrome-extension-v3

• Vue 3 with Typescript only
• Template built from CRXJS
• Vite
• Inspired by Vitesse webext, but with slightly different dependencies

vue-cli-plugin-chrome-extension-cli (Deprecated)

https://github.com/sanyu1225/vue-cli-plugin-chrome-extension-cli

• Chrome only
• Vue CLI only (deprecated)
• Vue2/3