DEV Community

J Now
J Now

Posted on

Inline Wikipedia for every page you read

Reading about Byzantine fault tolerance, I hit 'Lamport timestamps' in paragraph two. I knew roughly what they were. Not well enough. I opened a new tab, read half the Wikipedia entry, came back, and had lost the thread of the original article entirely.

rabbitholes is a Chrome extension that renders an explanation next to your cursor the moment you highlight text — no new tab, no context switch. The tooltip runs in a shadow DOM so it doesn't touch the host page's styles or layout.

The part I use most: every word in the explanation is itself clickable. Highlight 'Lamport timestamps,' read the explanation, see 'vector clocks' in the response, drag across it, get another layer. The extension tracks how many hops deep you've gone, and if you end up at philosophy — you usually do — it shows you the full trail.

When the inline explanation isn't enough, a globe icon re-runs the query enriched with Brave Search results, with source chips in the tooltip. A pencil icon opens a follow-up input that inherits your current context as background so you don't have to re-explain what you were reading.

No intermediary server. Requests go directly from your browser to api.anthropic.com and api.search.brave.com. Zero telemetry, zero analytics. Your Anthropic key lives in chrome.storage.sync and never leaves the browser.

// The shadow DOM approach in one line:
const shadow = container.attachShadow({ mode: 'closed' });
// Host page CSS can't bleed in; extension CSS can't bleed out.
Enter fullscreen mode Exit fullscreen mode

Built it because skipping words I half-know compounds — each skipped term leaves the next paragraph a little less grounded.

https://github.com/robertnowell/rabbitholes

Top comments (0)