Welcome to Extension

Extension is a plug-and-play, zero-config, cross-browser extension development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript.

Designed with practicity and fast prototyping in mind, running a single terminal command is enough to start developing your extension and requires no extra knowledge to get started.

Create cross-browser extensions with no build configuration.

Extension default template

Create A New Extension

Extension has a default create command that allows you to generate the foundations of your next extension project (see demo above). It also supports templates via --template flag.

npx extension create <your-extension-name>

For a list of all supported templates, see Templates.

Usage With An Existing Extension

If you have an existing extension which is using a package manager, you can install the Extension package and manually create the scripts used to run your extension. See the demo above or follow these instructions to get it done:

Step 1 - Install Extension as a devDependency

npm install extension --save-dev

Step 2 - Link your npm scripts with the executable Extension commands

{
  "scripts": {
    "build": "extension build",
    "dev": "extension dev",
    "start": "extension start"
  },
  "devDependencies": {
    // ...other deps,
    "extension": "latest"
  }
}

Done. You are all set!

To develop the extension, run npm run dev.
To visualize the extension in production mode, run npm run start.
To build the extension in production mode, run npm run build.

Next Steps

Learn how to Create Your First Extension.
Have an idea in mind? Check the built-in Templates available.

🧩 Extension • create cross-browser extensions with no build configuration.