# extension-js/extension.js

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/extension-js-extension-js).**

_How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._

5,013 stars · 128 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/extension-js/extension.js
- Homepage: https://extension.js.org
- awesome-repositories: https://awesome-repositories.com/repository/extension-js-extension-js.md

## Topics

`browser-extension` `chrome-extension` `cli` `content-script` `cross-browser` `edge-extension` `extension-js` `firefox-extension` `manifest-v3` `playwright` `preact` `react` `safari-web-extension` `scaffold` `starter-template` `svelte` `typescript` `vue` `webextension` `zero-config`

## Description

Extension.js is a development framework designed to manage the entire lifecycle of browser extensions from initial creation to production distribution. It functions as a cross-browser build tool that compiles a single codebase into compatible artifacts for multiple platforms, including Chrome, Edge, and Firefox, while automating manifest management and configuration.

The framework distinguishes itself through an iterative development workflow that supports hot module replacement for background, content, and popup scripts, allowing changes to be applied instantly without manual browser refreshes. It provides isolated browser orchestration by managing specific browser binaries, ensuring that testing occurs in controlled environments independent of the host system. Additionally, it includes diagnostic tools to monitor development sessions and enforces performance budgets to maintain browser responsiveness.

The toolset covers a broad range of operational needs, including environment variable injection for secure configuration, remote repository bootstrapping for rapid project setup, and integration with various frontend frameworks. It also handles the final stages of the development lifecycle by generating optimized, store-ready archives that meet the requirements of official browser extension marketplaces.

## Tags

### Development Tools & Productivity

- [Browser Build Systems](https://awesome-repositories.com/f/development-tools-productivity/browser-automation-engines/browser-build-systems.md) — Compiles a single codebase into browser-specific artifacts while automatically adjusting manifest files for different platforms. ([source](https://github.com/extension-js/extension.js#readme))
- [Extension Lifecycle Management](https://awesome-repositories.com/f/development-tools-productivity/extension-ecosystems/extension-marketplaces/extension-lifecycle-management.md) — Manages the end-to-end lifecycle of browser extensions from initial development through to production publishing. ([source](https://extension.js.org/))
- [Hot Module Replacement](https://awesome-repositories.com/f/development-tools-productivity/hot-module-replacement.md) — Updates background and content scripts in real-time by pushing code changes directly into active browser sessions.
- [Build Configurations](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-configuration-systems/build-configurations.md) — Allows overriding default build settings through a centralized configuration file to support custom development workflows. ([source](https://extension.js.org/))
- [Plugin Bundling for Distribution](https://awesome-repositories.com/f/development-tools-productivity/bundling-plugins/plugin-bundling-for-distribution.md) — Generates optimized, store-ready ZIP archives by including necessary source code and applying cross-browser polyfills. ([source](https://github.com/extension-js/extension.js#readme))
- [Extension Hot Reloaders](https://awesome-repositories.com/f/development-tools-productivity/hot-code-reloading/desktop-hot-reloaders/extension-hot-reloaders.md) — Automatically reloads modified content scripts during development to ensure changes appear immediately without manual intervention. ([source](https://github.com/extension-js/extension.js/blob/main/CHANGELOG.md))
- [Hot-Reloading Script Sync](https://awesome-repositories.com/f/development-tools-productivity/hot-reloading-script-sync.md) — Monitors file system changes to trigger targeted browser reloads for instant script updates during development.

### DevOps & Infrastructure

- [Cross-Browser Build Systems](https://awesome-repositories.com/f/devops-infrastructure/build-automation-tools/browser-build-tooling/cross-browser-build-systems.md) — Compiles a single codebase into browser-specific artifacts with automated manifest configuration.
- [App Store Packaging](https://awesome-repositories.com/f/devops-infrastructure/app-store-packaging.md) — Bundles extension code into optimized, store-ready archives for official browser marketplaces. ([source](https://github.com/extension-js/extension.js/blob/main/README.md))
- [Browser Compatibility Configurations](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-tooling/build-configuration-governance/browser-compatibility-configurations.md) — Defines manifest keys and launch flags for various browser engines to ensure cross-browser compatibility. ([source](https://github.com/extension-js/extension.js/blob/main/CHANGELOG.md))

### Web Development

- [Browser Extension Tooling](https://awesome-repositories.com/f/web-development/browser-extension-tooling.md) — Provides a comprehensive framework for developing, testing, and packaging browser extensions.
- [Cross-Browser Frameworks](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development/cross-browser-frameworks.md) — Compiles a single codebase into compatible artifacts for Chrome, Edge, and Firefox.
- [Extension Publishing Pipelines](https://awesome-repositories.com/f/web-development/extension-publishing-pipelines.md) — Prepares extension code for distribution by generating shareable archives ready for marketplace submission. ([source](https://github.com/extension-js/extension.js/blob/main/CHANGELOG.md))
- [Isolated Browser Orchestrators](https://awesome-repositories.com/f/web-development/web-automation-scraping/browser-environment-configurations/browser-isolation-strategies/isolated-browser-orchestrators.md) — Orchestrates isolated browser sessions by managing specific binaries to ensure consistent testing environments.
- [Browser Binary Managers](https://awesome-repositories.com/f/web-development/web-automation-scraping/browser-orchestration-systems/browser-binary-managers.md) — Downloads and maintains specific browser versions to ensure consistent testing environments independent of the host system. ([source](https://github.com/extension-js/extension.js/blob/main/README.md))
- [Headless Browser Orchestrators](https://awesome-repositories.com/f/web-development/web-automation-scraping/browser-orchestration-systems/headless-browser-orchestrators.md) — Manages and launches specific browser binaries in sandboxed environments to ensure consistent testing conditions.

### Software Engineering & Architecture

- [Environment Variable Injection](https://awesome-repositories.com/f/software-engineering-architecture/application-lifecycle-management/configuration-management/environment-variable-management/environment-variable-injection.md) — Loads and replaces environment-specific values across code and manifest files to manage secrets securely. ([source](https://extension.js.org/))
- [Environment Variable Substitution](https://awesome-repositories.com/f/software-engineering-architecture/application-lifecycle-management/configuration-management/environment-variable-management/environment-variable-injection/environment-variable-substitution.md) — Replaces placeholders in source code and manifest files with secure configuration values during the build process.
- [Manifest Transformations](https://awesome-repositories.com/f/software-engineering-architecture/declarative-manifest-systems/manifest-transformations.md) — Transforms unified source code into browser-specific manifest files by applying conditional overrides for different target engines.