ScriptFlow is a userscript manager alternative for people who prefer userscript managers more or less built as a development suite for developers and people who work with large projects, including features such as:

• Folders
• Importing
• Editing environments
• & Web injection across any site

• Installation
• How it works
• Browser Support
• Core Features
  • Multi-File Example
  • Live Editing & Local Workspaces
  • Monaco Editor
  • Git Integration
  • GM/Greasemonkey API
  • Developer Tools
  • Import & Export
  • Live Preview (PiP)
  • Execution Control
  • Personalization
  • Templates
• About "Allow User Scripts"
• Screenshots
• Support Development

1. Clone or download as ZIP

2. Open chrome://extensions
3. Enable Developer Mode
4. Click Load Unpacked → select ScriptFlow folder inside of the unzipped folder
5. Enable "Allow User Scripts" (Scriptflow wont work as intended without this enabled)

ScriptFlow, as previously mentioned in the first category, is primarily aimed as a userscript manager/development suite.

For editing files within ScriptFlow, you may notice the metadata block format is different from other userscript managers as following:

/*
@ScriptFlow
{
  "name": "New Script",
  "description": "A brief description of your script",
  "match": [
    "https://example.com/*"
  ]
}
*/

(function() {
    'use strict';
    
    console.log('ScriptFlow script loaded!');
    
})();

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      2025-12-24
// @description  try to take over the world!
// @author       You
// @match        https://*/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    console.log("Hello World")
})();

This is done intentionally, for both readability and just being easier to use.

Using @match as an example, commonly used in Tampermonkey and ViolentMonkey, it goes from:

// @match        https://*/*

To:

  "match": ["all"]

Which is both a 10 character difference and also more versatile, allowing you to do "all" rather than having to do *://*/*.

ScriptFlow uses Chrome's userScripts API. Firefox and Safari don't have it.

// main.js
import { greet } from './greet.js';
import config from './config.json';

greet(config.name);

// greet.js
export function greet(name) {
  console.log('Hello', name);
}

Uses the File System Access API

• Load any local folder as a workspace
• Changes sync automatically
• Permission persists across sessions
• Create/rename/delete files in the explorer

When saving a file, It will also automatically update the script as well, so you dont need to both save the file and save the script

To make the experience better, ScriptFlow also has intergration with Github, allowing you to do the following without having to leave the workspace:

• Clone repositories
• Pull/push changes
• Select branches
• View Repository history (quick access to recent repos)
• GitHub PAT authentication
• Push your local workspace to new repo

Uses isomorphic-git

Fully compatible with the following standard userscript APIs:

Opens a Picture-in-Picture window which:

• Loads your HTML/CSS/JS together
• Resolves imports the same way
• Updates instantly when you save

⚠️ Do note this is not a full browser environment, which means there is no site JS or extensions.

• Upload custom background images (PNG, JPG, GIF up to 10MB)
• Adjust opacity and blur
• Multiple UI themes (Dark Purple, Dark Blue, Dark Forest, Midnight, Amber)

• Basic Script — Minimal structure
• DOM Manipulation — Ready for DOM mods
• AJAX Interceptor — Fetch/XHR interception
• CSS Injection — Ad-blocking and styling
• Utility Functions — Helpers like waitForElement()

When you enable ScriptFlow, Chrome warns you:

"This extension can run code that hasn't been reviewed by Google"

This is expected.

Why?

• ScriptFlow uses the userScripts API (same as Tampermonkey)
• You're writing code that runs on websites
• Chrome warns because it's powerful

Is it safe?

• Code is open source (check it yourself)
• No minification or obfuscation
• No telemetry or tracking
• No external requests unless you add them

If ScriptFlow makes your life easier, consider buying me a coffee!

ScriptFlow will always remain free and open source.

Your support helps me:

• Build new features
• Fix bugs faster
• Keep it free and open source

Author: Kusoi

Discord Server: https://discord.com/invite/gwC7KW3j7v