A curated list of awesome resources for WebExtensions development.
WebExtensions are a cross-browser system for developing browser add-ons. To a large extent the system is compatible with the extension API supported by Google Chrome. Extensions written for this browser will in most cases run in Firefox with just a few changes.
Follow @fregante for more webext-related news.
Documentation for the original Chrome extension model.
MDN wiki for the WebExtensions API.
Compatibility table for Chrome, Edge, Firefox, and Opera.
Developer documentation on building Safari extensions. Technically not WebExtensions, the API is completely different.
Detailed WebExtensions support for Opera.
Standard for the API, supported by Mozilla, Opera and Microsoft.
Discussions.
Discussions.
Matrix channel by Mozilla.
Relevant questions.
Relevant questions.
Relevant questions.
Helps you manage and autosave your extension's options.
Map-like promised cache storage with expiration.
Automatically inject your `content_scripts` on custom domains.
Polyfill to support the standardized promise based API in the `browser` namespace.
Supplies TypeScript types for the `browser` namespace.
Uses Redux for managing the state of your WebExtension.
Take secure payments in extensions without needing to run a server backend.
Inject React components into 3rd party sites with convenient API and styles isolation.
Code meant become part of the extension.
Upload the extension to the Chrome Web Store via cli (or on GitHub Actions, automatically).
Command line tool to help build, run, and test WebExtensions.
Get notified when your new version has been published.
Download any extension on Chrome Web Store to see how they do it.
Chrome Web Store API wrapper.
WebExtension to view source code of extensions directly on the store.
Tool to automatically publish to Chrome Web Store, Mozilla Addons and Opera Addons.
Webpack loader that lets you specify `manifest.json` properties to appear only in specific browsers.
Webpack loader that loads browser tailored manifest.json. It also imports all importable properties, allowing you to have 'manifest.json' as your only webpack entry point.
A Webpack plugin to automatically reload browser extensions during development.
Adds code-splitting support to WebExtensions build with Webpack.
Plug-and-play, zero-config, cross-browser extension development tool.
Apps that help you manage your extensions.
Mocks the Chrome Extensions API for testing.
Validate an extension against Mozilla's guidelines.
Load popup, sidebar and background with JSDOM based on the manifest.json.
In-memory WebExtensions API Fake Implementation (includes TypeScript types).
WebExtensions API as sinon stubs (includes TypeScript types).
Programmatically consume the WebExtensions Schema JSON files.
Barebones boilerplate with parcel, options handler and auto-publishing.
Yarn WebExtension generator.
WebExtension generator that creates everything you need to get started with cross-browser web-extension development.
Next-gen framework for developing web extensions
Various example extensions curated for the MDN documentation.
These are simple and modern WebExtensions repositories that could help you figure out where pieces go, including automatic deployment via GitHub Actions.