Show HN: Hover over your UI element to get its exact location in code

Category: devtools

Tags: ai-coding, developer-tools, source-mapping, ui-inspection, cli

Score: 6.3/10 (Innovation: 7, Technical: 6, Documentation: 5, Utility: 6)

HoverSource is a developer tool that lets you hover over UI elements and copy their exact source file location (path, line, column) with a keystroke, feeding that metadata directly to AI coding agents. It bridges compiled browser DOM back to source code across frameworks like React, Next.js, Vue, Svelte, Vite, and Webpack, aiming to cut AI agent exploration time and token usage.

Target audience: frontend devs, AI-assisted coding users, full-stack devs

Repository: https://loerei.github.io/HoverSource/

View on Hacker News