Browser Extension · Web Annotation Layer

Leave your mark on any webpage

DomWhisper is a browser extension. Click on any webpage element or select text to leave a mark and write notes.Mine — For your eyes only. World — Visible to everyone.

Chrome Store10K+ Active Annotators
https://en.wikipedia.org/wiki/Attention
DomWhisper Chrome Extension Showcase
HOW IT WORKS

Three Steps to the Whisper Layer

No complex configuration needed. Open the Sidepanel to start your seamless annotation journey

01

Install Chrome Extension

Add the extension from the Chrome Web Store in one click. Click the browser toolbar icon or use the shortcut to instantly summon the right sidepanel.

One-click install from Chrome Store
02

Highlight Text or Click DOM

Click the Annotate Anywhere button in the sidepanel or use the shortcut, select text on the page, or click any DOM node.

⌥ WEnter Highlight Mode
03

Inject Thoughts & Whispers

Choose Mine (private memo) or World (public knowledge exchange), write your notes, and stay permanently on the original web page.

Automatically reproduces exactly on next visit

Two Annotation Modes

Supports point anchoring by clicking and immersive highlighting by selecting text, adapting to diverse reading and research scenarios.

PointCoordinates + element fingerprint, precise DOM element location
SelectionSelect text, auto-match context to restore highlights

My Whispers · This Page

One-click switch in the sidepanel to view all your private annotations on the current page, or read public insights from the community across the web.

My Whispers (Private)This Page (Community)

Knowledge Base Export

All personal annotations are automatically organized into your exclusive knowledge base, seamlessly exported to build your second brain.

Obsidian Notion.md
GLOBAL COMMUNITY

Stay at the original DOM, feel the real thoughts of the web

Record insights on any web node and instantly spark ideas with developers worldwide

World Map
The hydration mismatch usually happens when SSR output differs from client.
Need to investigate the performance bottleneck here.
Fixed the z-index overlap issue on mobile! 🚀
Brilliant implementation of the observer pattern here.
Love how they handled progressive enhancement! ✨
이 컴포넌트의 상태 관리는 어떻게 되나요?
코드 리뷰 요청드립니다 🙏
このライブラリのドキュメントが分かりにくい。
TypeScriptの型エラーはここで解消できる。
パフォーマンス最適化の余地あり 🔥
Die neue API-Dokumentation ist sehr hilfreich.
Datenschutz ist hier besonders wichtig! 🛡️
Open-Source-Beiträge sind der Schlüssel zum Erfolg.
Das Design ist sehr durchdacht und benutzerfreundlich.
The comment section is surprisingly civil today 🕊️
Brilliant implementation of the observer pattern here.
This article needs a fact-check, sources are outdated.
The accessibility markup could be improved significantly.
Love how they handled progressive enhancement! ✨
Worth comparing with the MDN docs for accuracy.
DomWhisper - View your Whisper annotations across the web