Vite Plugin Web Extension

Modern web extension development powered by Vite

Get Started

View on GitHub

🛠️

Build Files Listed in the Manifest

Point the plugin to a manifest.json and it will automatically discover and build all the files listed inside it.

⚡

Lightning Fast Dev Mode

Automatically launches Chrome or Firefox with the extension installed. Supports Hot Module Replacement (HMR) for quick UI iterations and a watch mode to rebuild content scripts upon changes.

🖥️

Frontend Framework Support

Add any frontend framework's Vite plugin to use the framework anywhere in your extension, including in content scripts.

🌐

Cross-browser Compatibility

Easily customize your manifest.json to build for multiple different browsers.

✅

Manifest Validation

Assures all required fields of your manifest.json are present when building.

🤖

TypeScript Support

Offers first-class, out-of-the-box TypeScript support without the need for additional configuration.

Create a New Project

To get started, bootstrap a project from scratch!

PNPMYARNNPM

bash

pnpm create vite-plugin-web-extension

pnpm create vite-plugin-web-extension

bash

yarn create vite-plugin-web-extension

yarn create vite-plugin-web-extension

bash

npm create vite-plugin-web-extension

npm create vite-plugin-web-extension

Vite Plugin Web Extension

Build Files Listed in the Manifest

Lightning Fast Dev Mode

Frontend Framework Support

Cross-browser Compatibility

Manifest Validation

TypeScript Support

Create a New Project ​

Create a New Project