Track Awesome WebExtensions Updates Daily

A curated list of awesome resources for WebExtensions development.

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 fregante/Awesome-WebExtensions · ⭐ 1.2K · 🏷️ Platforms

[ Daily / Weekly / Overview ]

Jul 13, 2022

Libraries and Frameworks

• inject-react-anywhere (⭐31) - Inject React components into 3rd party sites with convenient API and styles isolation.

Nov 30, 2021

Tools

• webpack-target-webextension (⭐39) - Adds code-splitting support to WebExtensions build with Webpack.

Nov 29, 2021

Community

• firefox-addon-webextensions tag on Stack Overflow - Relevant questions.

Oct 27, 2021

Getting started

• Chrome Extensions documentation - Documentation for the original Chrome extension model.

• Porting Chrome Extensions to Firefox - Guide to prepare, install, and debug Chrome extensions to be ported in Firefox.

Libraries and Frameworks

• redux-webext (⭐108) - Uses Redux for managing the state of your WebExtension.

• More… (⭐80)

Tools

• Chrome Webstore Upload (⭐361) - Upload the extension to the Chrome Web Store via cli (or on Travis, automatically).

Boilerplates

• browser-extension-template (⭐728) - Barebones boilerplate with parcel, options handler and auto-publishing.

• generator-web-extension (⭐280) - WebExtension generator that creates everything you need to get started with cross-browser web-extension development.

Oct 02, 2021

Testing

• addons-linter (⭐287) - Validate an extension against Mozilla's guidelines.

Jul 09, 2021

Tools

• webpack-extension-reloader (⭐489) - A Webpack plugin to automatically reload browser extensions during development.

Jun 03, 2021

Libraries and Frameworks

• ExtPay (⭐337) - Take secure payments in extensions without needing to run a server backend.

Feb 15, 2021

Boilerplates

• vue-web-extension (⭐1.6k) - A Vue CLI 3+ preset for quickly starting a web extension with Vue, Babel, ESLint and more!

Jul 01, 2020

Tools

• webextension-manifest-loader (⭐7) - 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.

Jun 21, 2020

Libraries and Frameworks

• @types/firefox-webext-browser - Supplies TypeScript types for the browser namespace.

Apr 12, 2020

Tools

• wext-manifest-loader (⭐25) - Webpack loader that lets you specify manifest.json properties to appear only in specific browsers.

Mar 31, 2020

Community

• #addons:mozilla.org - Matrix channel by Mozilla.

Testing

• webextensions-jsdom (⭐17) - Load popup, sidebar and background with JSDOM based on the manifest.json.

• webextensions-api-fake (⭐16) - In-memory WebExtensions API Fake Implementation (includes TypeScript types).

• webextensions-api-mock (⭐4) - WebExtensions API as sinon stubs (includes TypeScript types).

• webextensions-schema (⭐2) - Programmatically consume the WebExtensions Schema JSON files.

Jan 09, 2020

Getting started

• Safari Extensions documentation - Developer documentation on building Safari extensions. Technically not WebExtensions, the API is completely different.

Libraries and Frameworks

• webext-storage-cache (⭐76) - Map-like promised cache storage with expiration.

• webext-dynamic-content-scripts (⭐78) - Automatically inject your content_scripts on custom domains.

Jul 26, 2019

Tools

• mozilla/web-ext (⭐2.4k) - Command line tool to help build, run, and test WebExtensions.

Jul 24, 2019

Libraries and Frameworks

• webext-options-sync (⭐138) - Helps you manage and autosave your extension's options.

Jun 21, 2018

Tools

• @wext/shipit (⭐127) - Tool to automatically publish to Chrome Web Store, Mozilla Addons and Opera Addons.

Oct 24, 2017

Getting started

• Browser Extension Standard - Standard for the API, supported by Mozilla, Opera and Microsoft.

Community

• google-chrome-extension tag on Stack Overflow - Relevant questions.

• microsoft-edge-extension tag on Stack Overflow - Relevant questions.

Libraries and Frameworks

• mozilla/webextension-polyfill (⭐2.4k) - Polyfill to support the standardized promise based API in the browser namespace.

Tools

• Chrome extension source viewer (⭐1.3k) - WebExtension to view source code of extensions directly on the store.

Boilerplates

• create-webextension (⭐22) - Yarn WebExtension generator.

Sample Extensions

• npmhub (⭐728)

• Hide Files on GitHub (⭐315)

• mdn/webextension-examples (⭐3.8k) - Various example extensions curated for the MDN documentation.

Aug 18, 2017

Community

• Mozilla Discourse - Discussions.

Jun 18, 2017

Community

• Google Groups - Discussions.

Mar 08, 2017

Getting started

• Mozilla's WebExtensions documentation - MDN wiki for the WebExtensions API.

• Browser support for WebExtensions - Compatibility table for Chrome, Edge, Firefox, and Opera.

• Opera API support - Detailed WebExtensions support for Opera.

Mar 03, 2017

Tools

• chrome-store-api (⭐26) - Chrome Web Store API wrapper.

Testing

• sinon-chrome (⭐428) - Mocks the Chrome Extensions API for testing.

Jan 14, 2017

Tools

• chromepet (⭐30) - Get notified when your new version has been published.

• chrome-ext-downloader (⭐48) - Download any extension on Chrome Web Store to see how they do it.