Awesome Lists

Awesome-WebExtensions

by fregante

awesome listpushed about 2 years ago

A curated list of awesome resources for WebExtensions development.

AI summary

Extension dev guide

A curated list of resources and tools for developing browser extensions

stars
1.3K
forks
86
watching
32
awesome lists
3
entries
46
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/fregante/Awesome-WebExtensions/links.svg)](https://awesome.facts.dev/awesome/fregante/Awesome-WebExtensions)
HTML
<a href="https://awesome.facts.dev/awesome/fregante/Awesome-WebExtensions"><img src="https://awesome.facts.dev/shield/fregante/Awesome-WebExtensions/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/fregante/Awesome-WebExtensions/links.svg

What's in the list

46 links in 7 sections, with live GitHub stats.activeno commit in 2y

Getting started

Community

Libraries and Frameworks

Tools

  • Chrome Webstore Upload

    Upload the extension to the Chrome Web Store via cli (or on Travis, automatically)

  • mozilla/web-ext

    Command line tool to help build, run, and test WebExtensions

  • chromepet

    Get notified when your new version has been published

  • chrome-ext-downloader

    Download any extension on Chrome Web Store to see how they do it

  • chrome-store-api

    Chrome Web Store API wrapper

  • Chrome extension source viewer

    WebExtension to view source code of extensions directly on the store

  • @wext/shipit

    Tool to automatically publish to Chrome Web Store, Mozilla Addons and Opera Addons

  • wext-manifest-loader

    Webpack loader that lets you specify properties to appear only in specific browsers

  • webextension-manifest-loader

    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

  • webpack-extension-reloader

    A Webpack plugin to automatically reload browser extensions during development

  • webpack-target-webextension

    Adds code-splitting support to WebExtensions build with Webpack

  • Extension.js

    Plug-and-play, zero-config, cross-browser extension development tool

Testing

  • sinon-chrome

    Mocks the Chrome Extensions API for testing

  • addons-linter

    Validate an extension against Mozilla's guidelines

  • webextensions-jsdom

    Load popup, sidebar and background with JSDOM based on the manifest.json

  • webextensions-api-fake

    In-memory WebExtensions API Fake Implementation (includes TypeScript types)

  • webextensions-api-mock

    WebExtensions API as sinon stubs (includes TypeScript types)

  • webextensions-schema

    Programmatically consume the WebExtensions Schema JSON files

Boilerplates

  • browser-extension-template

    Barebones boilerplate with parcel, options handler and auto-publishing

  • create-webextension

    Yarn WebExtension generator

  • generator-web-extension

    WebExtension generator that creates everything you need to get started with cross-browser web-extension development

  • WXT

    Next-gen framework for developing web extensions

Sample Extensions

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.