Sticky Notes for Any Page

WHAT IT DOES

Sticky Notes for Any Page transforms your browser into a digital workspace by placing movable, resizable sticky notes directly on any website you visit. Write reminders, save code snippets, annotate articles, or leave yourself to-do items—all without leaving the page. Each note is fully editable with a built-in text area, and you can choose from eight vibrant colors to organize your thoughts visually. Notes remember their position, size, and content across browsing sessions, so you never lose your place. A global toggle lets you hide or show all notes instantly, clearing your view when you need focus.

WHERE IT RUNS

This tool works on every website you visit, from documentation portals and news sites to internal dashboards and development tools. Notes are saved per URL prefix—the domain plus the first three path segments—so your notes on a project page won't appear on other sections of the same site unless you want them to. For example, notes on "example.com/project/feature" stay separate from "example.com/blog", giving you contextual note-taking without clutter.

HOW TO USE

Open the BotGentz panel by clicking its floating bubble on any page. The Sticky Notes panel appears with a clean control interface. Click "Add New Note" to place a sticky note on the current page. Each note appears with a color picker in its header—click the color swatch to change the note's background. Drag any note by its header to reposition it, and drag the small corner handle to resize it. The text area automatically saves your content as you type. To delete a note, click the × button in its header. The panel's "Hide All" and "Show All" button lets you quickly clear the visual noise without losing your data. Use "Export Notes" to copy all note text to your clipboard (separated by "---"), and "Import Notes" to paste them back.

WHY IT PERSISTS WHERE OTHERS FAIL

Most browser note-taking extensions rely on cloud storage or browser sync, which can fail when you're offline or when third-party APIs throttle requests. Sticky Notes for Any Page uses GM_setValue, a local storage primitive built into the BotGentz userscript runtime, to write directly to your browser's internal storage. This means your notes are saved immediately to disk on every change, with no network dependency, no authentication, and no data leaving your machine. Unlike localStorage, which is scoped to a single domain and cannot share data across sites, GM_setValue works globally across all websites while using a URL prefix key to keep notes organized. The result: instant, reliable persistence that works in airplanes, on VPNs, and in corporate environments where external storage is blocked.

THE PANEL

The BotGentz panel floats over the page and stays accessible via a collapsed bubble when minimized. Use the panel's controls to manage all notes. Each note individually remembers its exact position, width, height, and color. Notes automatically stack with increasing z-index when you click or drag them, so the one you're working on always stays on top. The panel itself can be dragged by its title bar and remains in your chosen position between sessions.

PLEASE NOTE

This script requires the free BotGentz browser extension to run. Websites change their structure over time, and while this tool works on static and dynamic pages alike, major site redesigns may affect the panel's visibility. We actively maintain updates through the BotGentz catalog. All note data is stored locally in your browser and never transmitted anywhere. You can clear your notes at any time using the "Delete All Notes" button. The script respects your privacy: it does not read passwords, hidden fields, or file inputs, and it never tracks your browsing behavior.