Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davestewart/awesome-webext-dev

List of resources for web extension development
https://github.com/davestewart/awesome-webext-dev

List: awesome-webext-dev

chrome chrome-extension firefox firefox-addon firefox-extension webextension

Last synced: 22 days ago
JSON representation

List of resources for web extension development

Awesome Lists containing this project

README 

        
# Awesome WebExt Dev



> List of resources for web extension development



## Learning



Documentation



- [Chrome docs](https://developer.chrome.com/docs/extensions)

- [Mozilla docs](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions)



Guides



- [Firefox Extension Workshop](https://extensionworkshop.com) - Get help creating & publishing Firefox extensions



Forums



- [Chromium Extensions](https://groups.google.com/a/chromium.org/g/chromium-extensions) - Google Group

- [Latest Add-ons/Development topics](https://discourse.mozilla.org/c/add-ons/development/108) - Mozilla Discourse



Code Samples



- [Chrome Extensions Samples](https://github.com/GoogleChrome/chrome-extensions-samples/tree/main)



Open Source Extensions



- [automa](https://github.com/AutomaApp/automa) - A browser extension for automating your browser by connecting blocks

- [workflowy-multiflow](https://github.com/davestewart/workflowy-multiflow) - A column view for Workflowy

- [awesome-browser-extensions-for-github](https://github.com/stefanbuck/awesome-browser-extensions-for-github) - 60+ GitHub extensions with links to source code



## Tooling



Frameworks



- [wxt](https://github.com/wxt-dev/wxt) - Next-gen framework for developing web extensions

- [plasmo](https://github.com/PlasmoHQ/plasmo) - helps you build, test, and deploy browser extensions

- [webextension-toolbox](https://github.com/webextension-toolbox/webextension-toolbox) - Small CLI toolbox for cross-browser WebExtension development



Boilerplates



- [extension-create](https://github.com/cezaraugusto/extension-create) - Create cross-browser extensions with no build configuration

- [vitesse-webext](https://github.com/antfu/vitesse-webext) - A Vite-powered (HMR), cross-browser starter template built on Vitesse



Third-party



- [InboxSDK](https://github.com/InboxSDK/InboxSDK) - A JavaScript library for building apps inside of Gmail with browser extensions



Publishing



- [Plasmo BPP](https://github.com/PlasmoHQ/bpp) - A GitHub action to publish your browser extension to every web store/add-ons marketplace



## Packages



Polyfills



- [webextension-polyfill](https://github.com/mozilla/webextension-polyfill) - A lightweight polyfill library for Promise-based WebExtension APIs in Chrome

- [webextension-polyfill-ts](https://github.com/Lusito/webextension-polyfill-ts) - TypeScript ready "wrapper" for the WebExtension browser API Polyfill by Mozilla



Messaging



- [extension-bus](https://github.com/davestewart/extension-bus) - Universal message bus for chromium and firefox browsers

- [trpc-chrome](https://github.com/jlalmes/trpc-chrome) - tRPC adapter for Web Extensions



Shadow DOM



- [shadow-dom-in-depth](https://github.com/praveenpuglia/shadow-dom-in-depth) - Everything you need to know about Shadow DOM

- [lit](https://github.com/lit/lit) - simple library for building fast, lightweight web components

- [Shoelace](https://shoelace.style/) - A forward-thinking library of web components.



DOM



- [mutation-summary](https://github.com/rafaelw/mutation-summary) - A JavaScript library that makes observing changes to the DOM easy



## Services



Developer Tools



- [Chrome Extension Source Viewer](https://chromewebstore.google.com/detail/chrome-extension-source-v/jifpbeccnghkjeaalbbjmodiffmgedin) - View Chrome Web store extension source without installing



Source code



- [Chromium Source Code](https://www.chromium.org/Home/)

- [Chromium Bug Tracker](https://issues.chromium.org/issues?q=status:open)

- [Chromium Extensions Design Documents](https://www.chromium.org/developers/design-documents/extensions/)



## Community



StackOverflow Tags



- [google-chrome-extension](https://stackoverflow.com/questions/tagged/google-chrome-extension)

- [firefox-addon-webextensions](https://stackoverflow.com/questions/tagged/firefox-addon-webextensions)

- [browser-extension](https://stackoverflow.com/questions/tagged/browser-extension)

- [firefox-addon](https://stackoverflow.com/questions/tagged/firefox-addon)

- [manifest.json](https://stackoverflow.com/questions/tagged/manifest.json)

- [chrome-extension-manifest-v3](https://stackoverflow.com/questions/tagged/chrome-extension-manifest-v3)

- [chrome-web-store](https://stackoverflow.com/questions/tagged/chrome-web-store)

- [content-script](https://stackoverflow.com/questions/tagged/content-script)

- [google-chrome](https://stackoverflow.com/questions/tagged/google-chrome)



GitHub Profiles



- [Dave Stewart](https://github.com/davestewart/)

- [Federico Brigante](https://github.com/fregante)

- [Stefan Buck](https://github.com/stefanbuck)

- [Kholid](https://github.com/Kholid060)



StackOverflow contributors



- [wOxxOm](https://stackoverflow.com/users/3959875/woxxom) (also prolific on Google Groups)



Persons of interest



- [Rob Wu](https://robwu.nl/) (Senior Software Engineer at Mozilla)