Content CSS Modules

Injects a small styled badge into every web page you visit.

Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: content script, background service worker · Styling: CSS · Level: beginner

Create this project

npx extension@latest create my-content-css-modules --template content-css-modules
cd my-content-css-modules
npm install
npm run dev

Files in this template

  • extension.config.js
  • src/background.js
  • src/content/scripts.js
  • src/content/styles.module.css
  • src/images/icon-128.png
  • src/images/icon-16.png
  • src/images/icon-32.png
  • src/images/icon-48.png
  • src/images/icon-64.png
  • src/images/icon.png
  • src/manifest.json

extension.devDocumentation for extension.dev