Item logo image for LocatorJS

LocatorJS

ExtensionDeveloper Tools339 users
Item media 1 (screenshot) for LocatorJS

Overview

LocatorJS Chrome Extension - option-click to code (ReactJS)

Stop wasting time searching for React component source code. With LocatorJS, simply Option+Click (Alt+Click on Windows) any element on your webpage to instantly jump to its source code in your editor. Perfect for: • Large codebases where finding components is time-consuming • Onboarding new developers to unfamiliar projects • Debugging complex component trees • Speeding up your daily development workflow How it works: 1. Install the extension 2. Open your React app in development mode 3. Hold Option (or Alt) and click any component 4. Your editor opens directly to that component's source file Works with VSCode, IntelliJ IDEA, WebStorm, and other popular editors. Compatible with React, Preact, Solid, and Svelte projects. This is a developer tool designed for local development environments (localhost). It helps you navigate your own code faster, saving hours of searching through project files.

0 out of 5No ratings

Learn more about results and reviews.

Details

  • Version
    1.6.2
  • Updated
    January 5, 2026
  • Offered by
    phthhieu
  • Size
    205KiB
  • Languages
    English
  • Developer
    Email
    phthhieu@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Alloy · AI Prototyping for Product Management

4.7

Lifelike AI prototyping tool for Product Managers with an existing product

GitHub Conventional Comments

5.0

A browser extension to help you write conventional comments.

Click To Component

0.0

Click a component in your browser to instantly open the source in VS Code, WebStorm, Cursor, TRAE, etc.

React-DomPicker

5.0

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Mixpanel Tools

4.9

A debugger tool helps to intercept mixpanel events and display event properties

Hoppscotch Browser Extension

4.1

Provides more capabilities for Hoppscotch

React Inspector

3.5

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

click-to-react-component

3.4

Option+Click React components in your browser to instantly open the source in VS Code

Fake Filler

4.4

A form filler that fills all inputs on a page with fake/dummy data.

Color Picker - Eyedropper

4.8

A simple and convenient color picker. Use the interactive color picker to select, adjust, and export color codes.

Click to component

0.0

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

Alloy · AI Prototyping for Product Management

4.7

Lifelike AI prototyping tool for Product Managers with an existing product

GitHub Conventional Comments

5.0

A browser extension to help you write conventional comments.

Click To Component

0.0

Click a component in your browser to instantly open the source in VS Code, WebStorm, Cursor, TRAE, etc.

React-DomPicker

5.0

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Mixpanel Tools

4.9

A debugger tool helps to intercept mixpanel events and display event properties

Hoppscotch Browser Extension

4.1

Provides more capabilities for Hoppscotch

React Inspector

3.5

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Google apps