← Back to Awesome

Sections

Web Monetization

GitHub repository ↗ synced 2026/8/9

Awesome Web Monetization Awesome

Awesome stuffs about Web Monetization. Learn more, check modules and others tools.

Web Monetization is a web service that allows you to send money directly in your browser.
This is a JavaScript browser API that allows the creation of a payment stream from the user agent to the website

About Web Monetization

Webmonetization.org
Documentation
How Web Monetization work for paying payments
How Web Monetization work for receiving payments
Specifications
ILP Forum (read only)
Grant For The Web
Interledger : Open protocol suite for sending payments across different ledgers

How to start monetize my website

If you would like to monetize your content, you must have a Wallet and Provider account. See below the platforms that allow you to use them.


Wallets
Name GateHub New Wallet ?Create a issue !
Fees SEPA: 1.00 EUR < 50,000 EURWire: $15 min ($150 max)
Payments
Name Empty.

On your webpage, integrate your monetization tag on meta

<link rel="monetization" href="https://ilp.example.com/alice">

and detect if monetization is possible, then work

if (document.monetization) {
  document.monetization.addEventListener("monetizationstart", () => {
    console.log(
      "🎉 Awesome ! You use Web Monetization.\nMore information https://webmonetization.org",
    );
  });
}

Resources

Packages

monetize.js

An event-driven library to manage and simulate Web Monetization. ![](assets/small_icons/javascript.png)

types-wm

TypeScript definitions for Web Monetization ![](assets/small_icons/typescript.png)

ngx-monetization (archived)

Web Monetization API for Angular. ![](assets/small_icons/angular.png)

react-hook-wm

React hooks for integrating with Web Monetization. ![](assets/small_icons/react.png)

react-monetize

Helpers and hooks to speed up your integration with Web Monetization API. ![](assets/small_icons/react.png)

ep_monetization

Plugin for applying payment pointer meta tag to Etherpad site. ![](assets/small_icons/javascript.png)

wp-connect-coil

Plugin for applying Coil payment pointer meta tag to WordPress site. ![](assets/small_icons/wordpress.png)

xrptipbot-wordpress-widget

WordPress Widget based on XRPTIPBOT embed code to donate content creators. ![](assets/small_icons/wordpress.png)

eleventy-plugin-monetization

An Eleventy plugin to monetize posts and site content. ![](assets/small_icons/11ty.png)

web-monetization-components

A collection of web components you can use on your web monetized websites. ![](assets/small_icons/javascript.png)

revshare

A JS library for revenue sharing. ![](assets/small_icons/javascript.png)

web-monetization-proxy

Simple Go proxy for injecting Web Monetization meta tags. ![](assets/small_icons/go.png)

gridsome-plugin-monetization

Web monetization for Gridsome. ![](assets/small_icons/gridsome.png)

vuepress-plugin-web-monetization

Adds the web-monetization metatag to your VuePress website. ![](assets/small_icons/vuejs.png)

jekyll-web_monetization

A Jekyll plugin to add Web MonetizationAPI payment pointers to your site. ![](assets/small_icons/jekyll.png)

Monetization

A wrapper around the Web Monetization API to monetize apps. ![](assets/small_icons/dart.png)

react-webmonetization-meta

A Web Monetization meta tag manager for React. ![](assets/small_icons/react.png)

web-monetization-electron-app

Project demonstrate basic setup to enable web monetization in Electron App. ![](assets/small_icons/electron.png)

web-monetized-video

A web component with has play and pay policy and charges you for the amount of video watched. ![](assets/small_icons/javascript.png)

web-monetization-polyfill

Ensure the JavaScript Web Monetization API is available, even in environments with Content Security Policies enabled. ![](assets/small_icons/javascript.png)

web-monetization-video-ads

Linking Web Monetization with video advertising to allow a freemium business model to be implemented for Web Monetization. ![](assets/small_icons/javascript.png)

web-monetization-revenue-share

Automated redistribution of funds to a community via smart contracts. ![](assets/small_icons/javascript.png)

awesome-jsgames

A curated list of awesome JavaScript Games ![](assets/small_icons/javascript.png)

mediadisclosures

An open-source, always evolving, universal content rating system. ![](assets/small_icons/javascript.png)

web-monetization-demo

This is a Web Monetization Demo ![](assets/small_icons/javascript.png)

money-chat

Web Monetization chat app ![](assets/small_icons/javascript.png)

Any packages/modules and plugins

Tutorials

Getting started

Official documents from webmonetization.org.

Exclusive content

Put exclusive content on your website.

'A Web Monetization Story'

An interactive, story-based Web Monetization tutorial for online creators.

Web Monetization like I'm 5

Monetizing the web!

Articles

Monetizing Content in View

Paying for what you see.

Web Components

For the Web Monetization API (serie).

Newsletters

Newsletter of grantfortheweb.org

Sign up for email updates.

Tools

Probabilistic Revshare Generator - Web Monetization

Probabilistic revenue sharing (revshare) is one way to share a portion of a web monetized pages earnings between multiple payment pointers.

Is web monetized

A very simple tool for checking if Web Monetization is enabled.

Paytrackr

(Forked from [wobsoriano/paytrackr](https://github.com/wobsoriano)) - Track and manage your micropayments into one place.

Akita

A browser extension that gives you insight into your involvement with Web Monetization.

Open Monetization Wallet

Tools for managing your vanity Web Monetization wallet.

Use this tool to define a list of payment pointers and their weights.
Then, add the generated monetization link element to your site.
The link will contain a unique URL hosted on https://webmonetization.org/api/revshare/pay/.
If you'd prefer to not use a hosted URL, you can set up revshare by adding a script to your site.

npm install is-web-monetized -g
monetized example.com

You can also test your website with the dependency.

PayTrackr is the easiest and safest way to track and manage your micropayments to web monetized websites, having a web monetization provider membership.

Akita presents your top visited monetized sites, how much time you're spending on them, and how much you're contributing (or could contribute) to them.

Open Monetization Wallet (OMW) makes it easier to accept payments with the Web Monetization API at scale. Some features:

  • Custom wallet URLs: own your own "Payment Pointer", e.g. $wallet.signalnerve.com, instead of $pay.stronghold.co/abcdef123
  • Change between wallets/providers with no downtime
  • Logs of incoming payment requests
  • Revenue sharing between multiple wallets, e.g. for multiple team members
  • Infinitely scalable with serverless technology
  • Free and open-source

Community

Web Monetization Community
@GrantForTheWeb on Twitter
Web Monetization tag on DEV

Donate

Feel free to help me for the maintenance of this project !
Thanks to all Sponsors on GitHub !

GitHub Sponsors

GitHub Sponsors Support me on Buy Me a Coffee