# ComponentLocator > Alt-click any element in your dev app to open its component source in your editor. Auto-detects Next.js, React, Vue, Svelte, Astro. Canonical page: [https://chrome-stats.com/d/componentlocator](https://chrome-stats.com/d/componentlocator) ## Overview - **ID:** `componentlocator` - **Platform:** Firefox - **Type:** Firefox add-on - **Status:** Available - **Publisher:** Fortunato De Angelis - **Category:** web-development - **Daily users:** 2 - **Version:** 1.1.6 - **Last updated:** 2026-07-20 - **First published:** 2026-07-13 - **Size:** 44 KB - **Data as of:** 2026-09-05 - **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/componentlocator/) - **Website:** [https://www.fortunato.dev/contattami](https://www.fortunato.dev/contattami) ## Description Click straight from your running app to your code. Hold Alt (Option on Mac) while hovering yoement under the cursor is highlighted withits component name and source file. Alt+click opens that file in your editor at the exact line. WORKS WITH YOUR FRAMEWORK — AUTOMATICALLY ComponentLocator detects how your app was ategy, with zero configuration: ✔ Next.js — App Router and Pages Router, W8 & 19, Server Components (labeled with a"server" badge) ✔ React without Next.js — Vite, Create Rea ✔ Vue 2 & 3 — exact line/column when vite-plugin-vue-inspector or Vue DevTools is present ✔ Svelte 3/4/5 and SvelteKit — exact line/ ✔ Astro — .astro templates and framework islands WHY THIS EXTENSION Tools built on React's old _debugSource fit 19 and Next.js App Router. This extension reads React 19's new owner stacks (_debugStack) and resolves original source positions through the dev serveown source-map endpoints (Next.js) or the Vite) — and uses each framework's nativedev metadata for Vue, Svelte and Astro. HOW IT OPENS YOUR EDITOR By default it auto-detects the dev server't.js, Vue CLI, Nuxt, Create React App) —the same mechanism as the framework's error overlay — so it respects your REACT_EDITOR / EDITOR environment variable. Or configure a custom URL schemef, or JetBrains IDEs. PRIVACY & SCOPE Runs only on localhost / 127.0.0.1 development servers. No data is collected, stored remotely, or transmitted anywhere. Development use only: production. USAGE 1. Run your app's dev server (next dev, vite, npm run dev…) 2. Open http://localhost:<port> 3. Hold Alt and hover — Alt+click to open the source ## Rankings - #66,601 — Overall - #11 — component ## Permissions and access ### Permissions - `storage` ### Content script matches - `localhost` - `127.0.0.1` - `0.0.0.0` ## Safety - **Risk impact:** Low risk impact - **Risk likelihood:** High risk likelihood ### Analysis details - Injects scripts into web pages, which may alter or extract site contents, resulting in a substantial risk. - This extension has low user count. Unpopular extensions may not be stable or safe. > Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing). ## Similar extensions and apps - [LocatorJS](https://chrome-stats.com/d/locatorjs) — 321 users, 5.00 / 5 - [Vue.js find components](https://chrome-stats.com/d/vue-js-find-components) — 19 users - [React1s](https://chrome-stats.com/d/react1s) — 2 users - [WhoRenderedThis](https://chrome-stats.com/d/whorenderedthis) - [React Developer Tools Lite](https://chrome-stats.com/d/react-developer-tools-lite) - [Next.js Explorer - NextJS App & Pages Router](https://chrome-stats.com/d/nextjs) — 167 users - [LocatorLens – Smart Locator Automation](https://chrome-stats.com/d/locatorlens-playwright-tool) — 40 users, 5.00 / 5 - [Vue.js devtools](https://chrome-stats.com/d/vue-js-devtls) — 19 users - [React Developer Tools](https://chrome-stats.com/d/reactdevelopertools) — 3 users - [DevTools Companion for Angular](https://chrome-stats.com/d/devtools-companion-for-angular) — 1 users - [Vue.js devtools](https://chrome-stats.com/d/vue-js-devtools) — 56,270 users, 4.70 / 5 - [React Developer Tools CNC](https://chrome-stats.com/d/react-developer-tools-cnc) — 4 users --- Source: [Chrome-Stats](https://chrome-stats.com/d/componentlocator)