Starter webextension

A Vite powered WebExtension (Chrome, FireFox, etc.) starter template.

Features

• ⚡️ Instant HMR
• 🦾 TypeScript - type safe
• 🖥 Content Script - UseReact even in content script
• 🌍 WebExtension - isomorphic extension for Chrome, Firefox, and others
• 📃 Dynamic manifest.json with full type support
• 🌈 Tailwind CSS - the utility-first CSS framework
• 🎨 ShadeCN ui - Re-usable components built using Radix UI and Tailwind CSS.

Getting Started

dev

pnpm dev

Then load extension in browser with the extension/ folder.

For Firefox developers, you can run the following command instead:

pnpm start:firefox

web-ext auto reload the extension when extension/ files changed.

While Vite handles HMR automatically in the most of the case, Extensions Reloader is still recommanded for cleaner hard reloading.

Build

To build the extension, run

pnpm build

Thanks

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