gitmyhub

zen-notes

JavaScript ★ 14 updated 11d ago

A sticky-note widget that lives in the Zen Browser sidebar, giving you a persistent rich-text notepad with auto-save, five color themes, and resize support that survives browser restarts.

JavaScriptCSSuserChrome.jssetup: moderatecomplexity 2/5

Zen Notes is a sticky-note widget that lives inside the Zen Browser sidebar, pinned just above the workspace switcher at the bottom. It gives you a persistent notepad that survives browser restarts, styled to look like a classic sticky note and blending with both light and dark browser themes.

The widget supports basic rich text: you can make text bold or italic using toolbar buttons or standard keyboard shortcuts. Notes save automatically as you type without requiring any manual save action. You can pick from five pastel background colors (yellow, orange, purple, green, blue) for the note card, collapse the widget by clicking the header when you do not need it, and resize it by dragging a bar above it. The last-edited date is shown on the note header.

Installation requires a bit of setup because Zen Browser (which is built on Firefox) does not natively support custom JavaScript injections in the sidebar. You first need to install a userChrome.js loader such as fx-autoconfig, then copy the widget files into your browser profile's chrome folder, add a CSS import line, and clear the browser's startup cache before restarting. The README links to a detailed install guide and mentions that uninstalling is equally manual: remove the files and delete the saved preference from the browser's about:config page.

The project is at version 1.0.1, requires Zen Browser 1.7.0 or later, and is licensed under MIT.

Where it fits