Next Locator – Click to Open Code in VS Code

Alt+Click any React or Next.js element to jump to its source in VS Code instantly.

Next Locator is the ultimate developer experience (DX) tool for Next.js and React developers. Stop wasting time searching through your codebase to find where a UI component is located. With Next Locator, you simply hold 'Alt' and click on any element in your browser, and it will instantly open that exact file and line of code right in VS Code! Features: ⚡ Lightning Fast: Jumps straight to the source file and exact line number. ⚡ Next.js App Router Support: Fully compatible with the newest Next.js architectures. ⚡ Turbopack & SWC Support: Seamlessly integrates into your Next.js config without disabling the ultra-fast SWC or Turbopack compilers. ⚡ Zero-Touch Setup: Automatically configures itself using our npx CLI tool. ⚡ Safe & Secure: Only runs in development mode. Zero impact on production bundles. Setup Instructions: To use this extension, simply run the following command inside your Next.js project folder: `npx @next-locator/cli@latest init` That's it! Restart your dev server, hold Alt, and click away!