FloatNote — Sticky Notes

Always-on-top sticky notes using Document Picture-in-Picture. Float notes above everything, format text, pick colors. Chrome 116+.

🖊️ FloatNote — Always-On-Top Sticky Notes FloatNote lets you create sticky notes that float above EVERYTHING on your screen — other browser tabs, apps, video players, even your desktop. It uses Chrome's built-in Document Picture-in-Picture (PiP) technology — the exact same engine that keeps YouTube videos floating while you browse other pages. Now you get that same always-on-top superpower for your notes. ──────────────────────────────────────── ✨ KEY FEATURES ──────────────────────────────────────── 📌 TRULY ALWAYS ON TOP Unlike regular browser-tab notes that disappear the moment you switch tabs, FloatNote windows float above everything — just like a PiP video. Keep your notes visible while you code, research, watch videos, type emails, or do anything else on your computer. 🎨 5 BEAUTIFUL COLOR THEMES Choose from Yellow, Pink, Green, Blue, or Purple for each note. Change the color any time directly inside the floating note — the whole note updates instantly. Color-code your notes by topic, priority, or mood. ✏️ RICH TEXT FORMATTING FloatNote isn't just plaintext. Format your notes with: • Bold (Ctrl+B) • Italic (Ctrl+I) • Underline (Ctrl+U) • Strikethrough Use the formatting toolbar that appears on hover, or use keyboard shortcuts while typing. 📋 MULTIPLE NOTES IN ONE PANEL Add as many notes as you need. They stack neatly as cards inside a single floating panel — scroll through them, close individual ones, or keep them all open at once. Each card has its own color, formatting, and content. ➕ ADD NOTES WITHOUT REOPENING THE POPUP Once your FloatNote panel is floating, tap the gold "+" button directly in the header to add another note instantly — no need to click the extension icon again. 💾 AUTO-SAVES AS YOU TYPE Everything you write is saved automatically to your browser's local storage. Your notes survive tab refreshes, browser restarts, and system reboots. Nothing is ever lost. 🔁 REOPEN SAVED NOTES ANYTIME Click the FloatNote extension icon to see all your saved notes. Click any note row to bring it back into the floating panel instantly. 🔢 BADGE COUNTER The extension icon shows how many notes you have — at a glance, without even opening the popup. 👁️ HOVER-TO-REVEAL CONTROLS Like PiP video controls, FloatNote's UI (color dots, close button, formatting bar) stays hidden until you hover over the note. This keeps your notes clean and distraction-free while you're working. ──────────────────────────────────────── 🔒 PRIVACY FIRST ──────────────────────────────────────── Your notes never leave your device. FloatNote: ✅ Stores everything in local browser storage ✅ Makes ZERO network requests ✅ Has NO servers, NO accounts, NO sign-up ✅ Never reads your page content ✅ Never tracks anything The only permissions used: • storage — to save your notes locally • activeTab — to open the PiP window on the current page • tabs — to detect and warn about restricted pages (chrome://) • scripting — to trigger the Document PiP API with proper user gesture ──────────────────────────────────────── 💡 HOW IT WORKS ──────────────────────────────────────── 1. Click the FloatNote icon in your Chrome toolbar 2. Pick a note color and click "Add New Note" 3. A floating note panel appears — drag it anywhere on your screen 4. Type, format, and color your note 5. Click anywhere else — your note stays on top! ──────────────────────────────────────── ⚙️ REQUIREMENTS ──────────────────────────────────────── • Chrome 116 or newer (required for Document Picture-in-Picture API) • Works on any regular webpage • Does NOT work on chrome:// pages (browser restriction, not ours) ──────────────────────────────────────── 🆚 WHY FLOATNOTE OVER OTHER STICKY NOTE EXTENSIONS? ──────────────────────────────────────── Most sticky note extensions inject notes into the webpage as overlaid divs. This means: ✗ Notes are trapped inside the browser window ✗ Notes disappear when you switch tabs ✗ Notes get buried under other windows FloatNote uses a fundamentally different approach — it opens a real OS-level always-on-top window using the Document PiP API. The result: ✓ Notes float ABOVE other apps, not just above the webpage ✓ Notes stay visible when you switch tabs ✓ Notes stay visible when other windows are active ✓ Notes behave exactly like a floating PiP video ──────────────────────────────────────── 📬 FEEDBACK & SUPPORT ──────────────────────────────────────── Found a bug? Have a feature request? We'd love to hear from you. Leave a review or reach out through the Chrome Web Store support channel. If you love FloatNote, please leave a ⭐⭐⭐⭐⭐ review — it helps others discover the extension!