Chrome Extension for Taking Notes on Any Webpage
A sidebar tab on every webpage where you take notes that persist between visits.
Build a Chrome extension called "Page Quick Notes" that adds a small sidebar tab on the right edge of every webpage. When clicked, a panel slides out with a textarea where the user can type notes. The extension should: (1) save notes to chrome.storage.local, keyed by the page URL, (2) automatically load saved notes when the user revisits the same URL, (3) show a small "Clear notes" button at the bottom of the panel, (4) the sidebar tab should be 30px wide, positioned at the right edge of the viewport, vertically centered, with a subtle shadow, (5) the slide-out panel should be 300px wide, smoothly animated. Permissions: storage, activeTab. Manifest V3 with content script and content CSS.
What this extension does
Adds a small note-taking sidebar to every webpage. Notes are automatically saved per URL and reappear when the user revisits the same page. The sidebar is unobtrusive and stays out of the way until needed.
How it works
A content script injects the sidebar HTML and CSS into every page. Notes are stored in chrome.storage.local with the page URL as the key. The service worker is minimal — just a fallback for storage event handling.
Permissions used: storage, activeTab
Who builds this
For researchers, journalists, students, and anyone who reads across multiple sources and wants to capture per-page notes without context-switching to a notes app.
How to build it in 3 minutes
- Sign in to PlugThis and open the chat input.
- Copy the prompt above and paste it into the chat.
- PlugThis generates the full Manifest V3 extension in 60-90 seconds.
- Download the zip, extract it, and load it via
chrome://extensionsdeveloper mode.
Related extensions
Build it now, free.
Paste the prompt above into PlugThis and ship your extension in 3 minutes.