History

4 snapshots

Tracking since May 13, 2026.

View as table

Date	Users	Rating	Reviews	Version
May 13, 2026	14	—	—	0.0.1
May 19, 2026	10	—	—	0.0.2
May 25, 2026	13	—	—	0.0.3
Jun 1, 2026	10	—	—	0.0.3
Now	12	—	—	1.0.1

Changelog

Jun 1, 2026

description

🔧 Inject custom JavaScript & CSS into any webpage — straight from your local files.

Page MOD Loader v3 lets you develop webpage MODs using your favorite tools (VS Code, Webpack, TypeScript, Sass… anything!) and load them directly from a local folder. No need to write code inside the extension — just point it to your MOD folder and go.

━━━━━━━━━━━━━━━━━━━━━━

✨ Key Features

• 📁 Load MODs from local folders — Use the File System Access API to read scripts and styles from your disk. Your MOD folder is remembered across sessions.
• 🔀 Use any toolchain — Write MODs in TypeScript, Sass, or any language. The extension only reads your build output; your source stays untouched.
• 🎯 URL pattern matching — Target specific websites with flexible match patterns (e.g. https://example.com/*). Supports single or multiple patterns per MOD.
• ⚡ Multiple files per MOD — Inject as many JS and CSS files as you need per MOD, in the order you define.
• 🔛 Toggle MODs on/off — Enable or disable individual MODs without removing them.
• 📊 Execution status — See which MODs ran on the current page and whether they succeeded, right from the popup.
• 🔄 One-click re-sync — After editing your MODs locally, just hit "Re Sync" to reload everything.
• 📂 Nested file support — Reference files in subdirectories (e.g. dist/main/bundle.js).

━━━━━━━━━━━━━━━━━━━━━━

🚀 How It Works

1. Create a root folder for your MODs (e.g. C:\Users\you\WebMODs)
2. Add a subfolder for each MOD with a config.json
3. Define which JS/CSS files to inject and which URLs to target
4. Open the extension options → Select Mod Folder → Done!

━━━━━━━━━━━━━━━━━━━━━━

⚠️ Important: Developer Mode must be enabled on your browser's extension page for userScript support.

🔗 Documentation, MOD template & source code:
https://github.com/hsinyu-chen/PageMODLoaderV3

Open source • Manifest V3 • Zero tracking • No data collection

🔧 Inject custom JavaScript & CSS into any webpage — straight from your local files.

Page MOD Loader v3 lets you develop webpage MODs using your favorite tools (VS Code, Webpack, TypeScript, Sass… anything!) and load them directly from a local folder. No need to write code inside the extension — just point it to your MOD folder and go.

━━━━━━━━━━━━━━━━━━━━━━

✨ Key Features

• 📁 Load MODs from local folders — Use the File System Access API to read scripts and styles from your disk. Your MOD folder is remembered across sessions.
• 🔀 Use any toolchain — Write MODs in TypeScript, Sass, or any language. The extension only reads your build output; your source stays untouched.
• 🎯 URL pattern matching — Target specific websites with flexible match patterns (e.g. https://example.com/*). Supports single or multiple patterns per MOD.
• ⚡ Multiple files per MOD — Inject as many JS and CSS files as you need per MOD, in the order you define.
• 🔛 Toggle MODs on/off — Enable or disable individual MODs without removing them.
• 🎛️ MOD option UI — Let a MOD declare toggles, text fields, dropdowns, multi-selects, buttons and live labels that render in the popup, so users configure it without editing code. Values reach the MOD page-invisibly — never on the page's window or DOM.
• 🔐 Optional encrypted options — Opt a MOD into AES-256-GCM so its option values (e.g. API tokens) travel sealed end-to-end and can't be read by other page scripts.
• 📊 Execution status — See which MODs ran on the current page and whether they succeeded, right from the popup.
• 🔄 One-click re-sync — After editing your MODs locally, just hit "Re Sync" to reload everything.
• 📂 Nested file support — Reference files in subdirectories (e.g. dist/main/bundle.js).

━━━━━━━━━━━━━━━━━━━━━━

🚀 How It Works

1. Create a root folder for your MODs (e.g. C:\Users\you\WebMODs)
2. Add a subfolder for each MOD with a config.json
3. Define which JS/CSS files to inject and which URLs to target
4. Open the extension options → Select Mod Folder → Done!

━━━━━━━━━━━━━━━━━━━━━━

⚠️ Important: Developer Mode must be enabled on your browser's extension page for userScript support.

🔗 Documentation, MOD template & source code:
https://github.com/hsinyu-chen/PageMODLoaderV3

Open source • Manifest V3 • Zero tracking • No data collection

May 13, 2026

description

webpage MOD manager for loading javascript and/or css to webpages,
you don't need developing MODs in extension , just developing it using your favorite tools and this extension can upload all MODs from folder.

see https://github.com/hsinyu-chen/PageMODLoaderV3 for more details!

🔧 Inject custom JavaScript & CSS into any webpage — straight from your local files.

Page MOD Loader v3 lets you develop webpage MODs using your favorite tools (VS Code, Webpack, TypeScript, Sass… anything!) and load them directly from a local folder. No need to write code inside the extension — just point it to your MOD folder and go.

━━━━━━━━━━━━━━━━━━━━━━

✨ Key Features

• 📁 Load MODs from local folders — Use the File System Access API to read scripts and styles from your disk. Your MOD folder is remembered across sessions.
• 🔀 Use any toolchain — Write MODs in TypeScript, Sass, or any language. The extension only reads your build output; your source stays untouched.
• 🎯 URL pattern matching — Target specific websites with flexible match patterns (e.g. https://example.com/*). Supports single or multiple patterns per MOD.
• ⚡ Multiple files per MOD — Inject as many JS and CSS files as you need per MOD, in the order you define.
• 🔛 Toggle MODs on/off — Enable or disable individual MODs without removing them.
• 📊 Execution status — See which MODs ran on the current page and whether they succeeded, right from the popup.
• 🔄 One-click re-sync — After editing your MODs locally, just hit "Re Sync" to reload everything.
• 📂 Nested file support — Reference files in subdirectories (e.g. dist/main/bundle.js).

━━━━━━━━━━━━━━━━━━━━━━

🚀 How It Works

1. Create a root folder for your MODs (e.g. C:\Users\you\WebMODs)
2. Add a subfolder for each MOD with a config.json
3. Define which JS/CSS files to inject and which URLs to target
4. Open the extension options → Select Mod Folder → Done!

━━━━━━━━━━━━━━━━━━━━━━

⚠️ Important: Developer Mode must be enabled on your browser's extension page for userScript support.

🔗 Documentation, MOD template & source code:
https://github.com/hsinyu-chen/PageMODLoaderV3

Open source • Manifest V3 • Zero tracking • No data collection

Permissions & access

Permissions: tabsstorageunlimitedStorageuserScripts
Host access: *://*/*

Screenshots

About

🔧 Inject custom JavaScript & CSS into any webpage — straight from your local files.

Page MOD Loader v3 lets you develop webpage MODs using your favorite tools (VS Code, Webpack, TypeScript, Sass… anything!) and load them directly from a local folder. No need to write code inside the extension — just point it to your MOD folder and go.

━━━━━━━━━━━━━━━━━━━━━━

✨ Key Features

• 📁 Load MODs from local folders — Use the File System Access API to read scripts and styles from your disk. Your MOD folder is remembered across sessions.
• 🔀 Use any toolchain — Write MODs in TypeScript, Sass, or any language. The extension only reads your build output; your source stays untouched.
• 🎯 URL pattern matching — Target specific websites with flexible match patterns (e.g. https://example.com/*). Supports single or multiple patterns per MOD.
• ⚡ Multiple files per MOD — Inject as many JS and CSS files as you need per MOD, in the order you define.
• 🔛 Toggle MODs on/off — Enable or disable individual MODs without removing them.
• 🎛️ MOD option UI — Let a MOD declare toggles, text fields, dropdowns, multi-selects, buttons and live labels that render in the popup, so users configure it without editing code. Values reach the MOD page-invisibly — never on the page's window or DOM.
• 🔐 Optional encrypted options — Opt a MOD into AES-256-GCM so its option values (e.g. API tokens) travel sealed end-to-end and can't be read by other page scripts.
• 📊 Execution status — See which MODs ran on the current page and whether they succeeded, right from the popup.
• 🔄 One-click re-sync — After editing your MODs locally, just hit "Re Sync" to reload everything.
• 📂 Nested file support — Reference files in subdirectories (e.g. dist/main/bundle.js).

━━━━━━━━━━━━━━━━━━━━━━

🚀 How It Works

1. Create a root folder for your MODs (e.g. C:\Users\you\WebMODs)
2. Add a subfolder for each MOD with a config.json
3. Define which JS/CSS files to inject and which URLs to target
4. Open the extension options → Select Mod Folder → Done!

━━━━━━━━━━━━━━━━━━━━━━

⚠️ Important: Developer Mode must be enabled on your browser's extension page for userScript support.

🔗 Documentation, MOD template & source code:
https://github.com/hsinyu-chen/PageMODLoaderV3

Open source • Manifest V3 • Zero tracking • No data collection

Technical

Version: 1.0.1
Manifest: V3
Size: 688KiB
Min Chrome: 88
Languages: 1
Featured: No

Metadata

ID: mkchjogfokebijmjljphfmloimhaimcd
Developer ID: u5492067d5ec49356ca56ea06e92178ec
Developer Email: [email protected]
Created: Aug 25, 2024
Last Updated (Store): May 30, 2026
Last Scraped: Jun 7, 2026
Website: —
Support URL: https://github.com/hsinyu-chen/PageMODLoaderV3/issues
Privacy Policy: https://github.com/hsinyu-chen/PageMODLoaderV3/blob/main/privacy-policy.md