FloatNote — Sticky Notes

About

🖊️ 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!