CRX id
gdhfaofgjodbggngbamckopheagpbaeh
gdhfaofgjodbggngbamckopheagpbaeh
Description from extension meta
One-click positioning in the editor.
Image from store
Description from store
🚀 Boost Your React Development Productivity
Gwdw is a powerful Chrome extension designed specifically for React developers. With just a hotkey + click, you can instantly jump from any React element in your browser to its source code in your favorite editor - no more hunting through file trees!
✨ Key Features:
🎯 One-Click Source Code Navigation
Hold your configured hotkey (Alt/Ctrl/Shift/Cmd) + click any React element.
Instantly opens the exact source file with precise line and column positioning.
Works on any React website, including development and production builds.
🖥️ Multi-Editor Support
VS Code、WebStorm、Cursor、Windsurf、Custom Editors（Configure any editor with URL templates）
⌨️ Customizable Hotkeys
Alt + Click (Default)
Ctrl + Click
Shift + Click
Cmd/Win + Click
🔧 Advanced Customization
Custom editor configuration with URL templates
Support for placeholders: {fileName}, {lineNumber}, {columnNumber}
Real-time settings preview
Automatic settings persistence
🔄 How It Works:
Install & Configure: Set your preferred editor and hotkey combination
Browse React Apps: Visit any website built with React
Click & Jump: Hold your hotkey + click any element to open its source code
Code Instantly: Your editor opens with the exact file and position
🛠️Perfect For:
React developers
Frontend engineers
Code reviewers
Debugging sessions
Learning React codebases
🔒 Privacy & Security:
No data collection
Works entirely locally
Open source codebase
Minimal permissions required
💻 System Requirements:
Chrome browser
Supported editor installed (VS Code, WebStorm, Cursor, Windsurf, or custom)
React applications with development info available
Transform your React development workflow today! Never waste time searching for component files again.