Hover on any UI element in your browser, Alt + C, Ctrl + V,
and see your AI skip the digging session.
Ditch the manual search. See the internal file structure and component metadata of any UI element instantly. Your AI agent will thank you.
Inspector Mode is live. Just hover over any component in this mock feed, then hit C. You'll get a perfectly formatted, AI-ready metadata block in your clipboard—no manual file-hunting required.
loerei
photographer
coder
Stop letting your AI agent waste time grepping through thousands of files. HoverSource feeds the agent the exact file path and line number, so it can start coding immediately. Press 'Send' to see the difference.
HoverSource abstracts the visual layer, translating pixels directly into surgical file-line-column mappings.
Works out-of-the-box with Next.js, React, Vue, Svelte, Vite, and Webpack. Zero config required to inspect browser nodes.
Instantly copy formatted JSX element source information to your system clipboard using a single key combination.
Bridges compiled browser code back to project source code. Mappings are precise to the file, line, and column.
Install HoverSource globally and start debugging your application in seconds. Zero complex onboarding or configuration required.
Toggle the repository size and slide the controller to compare AI agent metrics across all 15 real-world benchmark sets.
Benchmarked using chronicle-mcp via js-tiktoken.
