Ranked awesome lists, all in one place

This list is a copy of bfred-it/Awesome-WebExtensions with ranks

Awesome WebExtensions

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 and Opera. Extensions written for these browsers will in most cases run in Firefox or Microsoft Edge with just a few changes.

Getting Started
Community
Libraries and Frameworks
Tools
Boilerplates
Sample Extensions

Getting started

Chrome Extensions documentation - Documentation for the original Chrome extension model.
Chrome Extensions API - Comprehensive documentation on the original API provided by Chrome.
Mozilla’s WebExtensions documentation - MDN wiki for the WebExtensions API.
Browser support for WebExtensions - Compatibility table for Chrome, Edge, Firefox, and Opera.
Microsoft Edge API support - Detailed WebExtensions support for Edge.
Safari Extensions documentation - Developer documentation on building Safari extensions
Opera API support - Detailed WebExtensions support for Opera.
Porting Chrome Extensions to Firefox - Guide to prepare, install, and debug Chrome extensions to be ported in Firefox.
Browser Extension Standard - Standard for the API, supported by Mozilla, Opera and Microsoft.

Community

Google Groups - Discussions.
Mozilla Discourse - Discussions.
#webextensions - IRC channel by Mozilla.
google-chrome-extension tag on Stack Overflow - Relevant questions.
firefox-webextensions tag on Stack Overflow - Relevant questions.
microsoft-edge-extension tag on Stack Overflow - Relevant questions.

Libraries and Frameworks

Code meant become part of the extension.

webext-options-sync ★26 - Helps you manage and autosave your extension’s options.
webext-inject-on-install ★7 ⏳1Y - Automatically add content scripts to existing tabs when your extension is installed. Chrome + Firefox.
redux-webext - Uses redux for managing the state of your WebExtension
mozilla/webextension-polyfill ★373 - Polyfill to support the standardized promise based API in the browser namespace.

Tools

Apps that help you manage your extensions.

Chrome Webstore Upload ★118 - Upload the extension to the Chrome Web Store via cli (or on Travis, automatically).
mozilla/web-ext ★446 Command line tool to help build, run, and test WebExtensions.
chromepet ★15 ⏳3Y - Get notified when your new version has been published.
chrome-ext-downloader ★25 - Download any extension on Chrome Web Store to see how they do it.
unzip-crx ★13 ⏳1Y - Unzips Google Chrome (crx) files.
chrome-store-api ★10 ⏳1Y - Chrome Web Store API wrapper.
Chrome extension source viewer ★285 - WebExtension to view source code of extensions directly on the store.
@wext/shipit ★11 - Tool to automatically publish to Chrome Web Store, Mozilla Addons and Opera Addons.

Testing

sinon-chrome ★256 - Mocks the Chrome Extensions API for testing.
addons-validator - Validate an extension against Mozilla’s guidelines.

Boilerplates

create-webextension ★9 - Yarn WebExtension generator.
extensionizr.com - Web UI that helps you create an initial configuration and files.
generator-web-extension - WebExtension generator that creates everything you need to get started with cross-browser web-extension development.
react-chrome-extension-boilerplate ★1060 - React boilerplate with Hot reloading.

Sample Extensions

These are simple and modern WebExtensions repositories that could help you figure out where pieces go, including automatic deployment via Travis CI.

npmhub ★331
Hide Files on GitHub ★187
Refined GitHub ★5377
mdn/webextension-examples ★1295 - Various example extensions curated for the MDN documentation.

License