
I built a tiny tool to see Next.js (SSR)/React component names instantly on hover. I've been working on webapps lately, and I constantly found myself annoyed by how tedious it is to identify specific React components, especially RSC! I wanted something frictionless (just hover and see the name). Since I couldn't find a lightweight way to do this, I decided to build a Chrome extension: React Component Hover Inspector. It’s super simple: once active, you just hover over any component in your app, and it displays the component name instantly, even RSC names! You can click it to instantly copy the component name to your clipboard, making it super fast to jump into your IDE and paste it into your search (CMD/Ctrl + P). Why I built it? Speed: Save time during styling and debugging sessions. Workflow: Avoid constant context-switching between the browser and the DevTools panel. Developer Experience: Bridge the gap between UI and source code instantly. I’d love to get some feedback from the community (and contributions). If you’re working with Next.js, let me know what you think or if there’s a feature you’d find useful! You can check it out here: github.com/hadnet/react-c… If you find it useful, I’d appreciate a star on the repo.






















