Track Awesome WebExtensions Updates Weekly

A curated list of awesome resources for WebExtensions development.

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

[ Daily / Weekly / Overview ]

Jul 15 - Jul 21, 2024

Boilerplates

• WXT (⭐3.3k) - Next-gen framework for developing web extensions

Jul 01 - Jul 07, 2024

Tools

• Extension.js (⭐3.5k) - Plug-and-play, zero-config, cross-browser extension development tool.

Jul 11 - Jul 17, 2022

Libraries and Frameworks

• inject-react-anywhere (⭐42) - 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 (⭐43) - 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.

Libraries and Frameworks

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

• More… (⭐95)

Tools

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

Boilerplates

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

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

Sep 27 - Oct 03, 2021

Testing

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

Jul 05 - Jul 11, 2021

Tools

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

May 31 - Jun 06, 2021

Libraries and Frameworks

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

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 (⭐24) - 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 (⭐18) - 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 (⭐3) - 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 (⭐80) - Map-like promised cache storage with expiration.

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

Jul 29 - Aug 04, 2019

Libraries and Frameworks

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

Tools

• mozilla/web-ext (⭐2.6k) - 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.6k) - Polyfill to support the standardized promise based API in the browser namespace.

Tools

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

Boilerplates

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

Sample Extensions

• npmhub (⭐753)

• Hide Files on GitHub (⭐320)

• mdn/webextension-examples (⭐4k) - 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 (⭐28) - Chrome Web Store API wrapper.

Testing

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

Jan 09 - Jan 15, 2017

Tools

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

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