Remember to
call Mom
call Mom
Meeting @ 3pm
Buy groceries 🛒
Idea: blog post
about UX
about UX
Read chapter 5
Sticky Notes
Stick your thoughts anywhere on the web
v2.1 · Open Source · MIT License
Stick your thoughts anywhere on the web
v2.1 · Open Source · MIT License
Yellow, pink, blue, green, purple, or white — pick the color that fits your mood.
Drag the corner to resize any note to the perfect size.
Collapse notes to their header bar to save screen space. Expand when needed.
Full dark mode palette — notes adapt automatically to your browser theme.
Backup all notes as JSON. Restore anytime. Never lose your thoughts.
Badge on the extension icon shows how many notes you have at a glance.
Bold, italic, lists, and more with the built-in formatting toolbar.
Quick actions without reaching for the mouse.
All notes stored locally. No servers, no tracking, no data sent anywhere.
Welcome to Example.com — Your project dashboard
Add Sticky Notes from the Chrome Web Store (or load unpacked for developer mode).
Click the extension icon in your toolbar. A note appears instantly on the page.
Drag to reposition, resize, minimize, pick a color. Notes auto-save as you type.
Notes are tied to each page URL. Revisit a site and your notes are right where you left them.
Clean modular architecture, open source, MIT licensed
v2 split one 740-line file into 7 focused modules — ui.js, drag.js, storage.js, dashboard.js, features.js, config.js, and content.js.
Modern Chrome Extension standard with service worker, content scripts, and strict CSP compliance.
Automated CI/CD via GitHub Actions. Bundles ES modules into a single IIFE for maximum compatibility.