😷 Face Mask Browser Extension

An extension that puts masks on faces on the internet (only works on Chrome).

Beware: This extension is a proof of concept and really slows down your browser (and also destroys several sites).

Demo Video



Try it out

In order to try the extension you can load the unpacked version in your Chrome browser by following these steps:

  1. Download or clone this repository
  2. Type chrome://extensions in the address bar
  3. Enable the Developer Mode switch in the top right corner
  4. Click the Load Unpacked Extension… utton
  5. Select the directory extension/chrome of this repository

How it works

  1. Check site for images and wrap them with a div
  2. Observe these wrapped images with IntersectionObserver
  3. When an image appears in the viewport, check if there are faces on it using face-api
  4. If there are faces add a canvas to the wrapper and draw the masks with this drawMask function


You need Node.js in order to modify this extension.


npm install


npm run dev:chrome


Face Mask Browser Extension

😷 A browser extension that puts masks on faces on the internet

Face Mask Browser Extension Info

⭐ Stars 141
πŸ”— Homepage twitter.com
πŸ”— Source Code github.com
πŸ•’ Last Update 9 months ago
πŸ•’ Created a year ago
🐞 Open Issues 1
βž— Star-Issue Ratio 141
😎 Author moklick