A note is placed with a single gesture, becomes part of the page layout and is formatted like text in a document.
A note doesn't sit on top of the website — it takes up space in its layout: a spacer of exactly its size appears in the page markup, and the text moves aside. If the note fits in a block, the text flows around it on the left or right, like a sidebar in a magazine; if not, the note takes a full line and the content below moves down. No text is left covered.
Four ways to create one: right-click → “Add a note here”, Alt+Shift+N, Alt + double-click on the page, and the “＋ Add note” button in the extension window. The note lands in the spot of the text where you clicked — the layout makes room for it right away. It also works where a whole list card is a single link: the extension takes over clicks with Alt, so the listing doesn't open.
In view mode a note is just text: no buttons, no frames. A mouse click or a tap opens editing together with the toolbar, and the cursor lands where you pressed. A click outside the note or Esc closes editing. The field grows as you type, so the note takes no extra space.
Bold, italic, underline, strikethrough, 9 fonts, sizes 11–40 px, text color and note color, bulleted list, clear formatting. If a fragment is selected, the style applies to it; with no selection, to the whole note.
The 😊 button opens a grid of 40 emoji — marks and deadlines (✅ ❗ ⚠️ 📌 📅 ⏰), contacts (📞 ✉️), reactions (👍 🙏 🤔). The emoji is inserted at the cursor.
The 🔗 button or Ctrl+K. Each link has its own window size and an “open in a popup window” option; such links are marked with ⧉. A reference opens alongside and doesn't take up a tab.
What's saved is a description of the place: the layout block, the node inside it and even the line the note was inserted into. Next time you open the page, the place is rebuilt, so the note ends up next to its text even at a different window width. If the site has changed and the place no longer exists, the note simply lies on top of the page at its saved coordinates.
While a note is being dragged, a frame highlights the layout block it will join, a bar shows the insertion line, and a dashed rectangle marks the note's future place and width. In view mode you can drag a note by any part of it; in edit mode, by the ⠿ handle. Resize it with the bottom-right corner; the page text follows along. All of this works with a finger on touch screens too.
The 📌 button detaches a note from the page: it leaves the layout (the text closes up again), stops scrolling and stays in view while you scroll through a long document.
The 🌐 button switches visibility: this page only or every page of the site. Handy for a reminder you need in any section.
If a note is covered by a popup, a dialog or a sticky site header, it hides while that layer is open and comes back on its own. Permanent layout columns don't count as such layers.
Notes can be hidden globally or for a single site — with the switches in the extension window, context menu items or Alt+Shift+H. Hidden notes are not deleted.
“Export all” saves the entire storage to a single JSON file — a backup and a way to move to another computer. “Export this page only” saves the notes of one page: its own notes and site-wide notes, exactly what's visible on it. The file name comes from the page address, so in your downloads folder it's clear where it came from.
Import adds notes to the existing ones and skips those already present — the same file can be loaded twice without duplicates.
The interface lives in a Shadow DOM, note HTML goes through an allowlist of tags and styles,
pasted content turns into plain text, and popup windows open
only http(s).
In short: how a note takes up space in someone else's layout and why it knows nothing about you.
An empty block of the note's size is inserted into the page markup in its place — that's what pushes the text aside. The block is ours, it doesn't belong to the site: only a description of the place is saved, while the element itself is recreated every time the page opens and disappears when the note is removed.
The notes themselves are drawn in an isolated layer: the site's styles don't affect them, and note styles don't break the site. Page content isn't read and never goes anywhere.
Data is kept in chrome.storage.local under a key per page and per site.
The query string in the address is ignored, so a link with ?utm_source=…
doesn't create a duplicate page.
NoteInSite