Track Awesome WebExtensions Updates Weekly

A curated list of awesome resources for WebExtensions development.

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

[ Daily / Weekly / Overview ]

Jul 11 - Jul 17, 2022

Libraries and Frameworks

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

Nov 29 - Dec 05, 2021

Community

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

Tools

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

Oct 25 - Oct 31, 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.

Sep 27 - Oct 03, 2021

Testing

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

Jul 05 - Jul 11, 2021

Tools

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

May 31 - Jun 06, 2021

Libraries and Frameworks

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

Feb 15 - Feb 21, 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 06 - Jul 12, 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 22 - Jun 28, 2020

Libraries and Frameworks

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

Apr 13 - Apr 19, 2020

Tools

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

Apr 06 - Apr 12, 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 13 - Jan 19, 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 29 - Aug 04, 2019

Libraries and Frameworks

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

Tools

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

Jun 18 - Jun 24, 2018

Tools

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

Oct 23 - Oct 29, 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 14 - Aug 20, 2017

Community

• Mozilla Discourse - Discussions.

Jun 12 - Jun 18, 2017

Community

• Google Groups - Discussions.

Mar 06 - Mar 12, 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.

Feb 27 - Mar 05, 2017

Tools

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

Testing

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

Jan 09 - Jan 15, 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.