Overview
Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.
React-DomPicker connects your browser to VS Code. Click any element in your React app and VS Code opens the exact source file at the matching JSX node. How it works 1. Install the companion VS Code extension (React-CodeBridge): https://marketplace.visualstudio.com/items?itemName=RajithaDisanayaka.react-codebridge 2. Install this Chrome extension 3. Run your React app on localhost 4. Click the toolbar icon to activate the picker 5. Click any element on the page Features - One-click navigation from browser to source code - Hover to outline elements - Shift+Click to select the parent element - Esc to turn the picker off - Ctrl+Shift+P (Cmd+Shift+P on Mac) to toggle from the keyboard - Floating status indicator on the page Works with - React 16.8, 17, 18, 19 - Next.js (App Router and Pages Router, including React Server Components) - Vite, Create React App, Remix - TypeScript and JavaScript - Tailwind, ShadCN, Material UI, styled-components, CSS Modules Requires - React-CodeBridge VS Code extension installed - A React dev build running on localhost or 127.0.0.1 Privacy - Runs entirely on your machine - No data collection, no analytics, no external servers - Activates only on localhost and 127.0.0.1 100% accuracy mode (optional) For pixel-perfect click-to-code on every element, install code-inspector-plugin in your project config. React-DomPicker reads its output automatically. Useful for Next.js projects with React Server Components, i18n, or computed text. Copyright © 2026 Rajitha Disanayaka
Details
- Version1.2.3
- UpdatedApril 16, 2026
- Offered bydev.odyssey
- Size91.24KiB
- LanguagesEnglish
- Developerdev.odyssey
Colombo Kegalle 01000 LKEmail
rdev.odyssey@gmail.com - Non-traderThis 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
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