See It In Action
Watch how easy it is to inspect and navigate to source code
Developer Experience First
Speed up your development workflow with powerful inspection tools
Click to Inspect
Tap any component to see its source location, styles, and component hierarchy.
Instant Navigation
Jump directly to the exact line of code in your IDE with one click.
Zero Config
No babel plugin required. Just one package, two config steps.
Auto Editor Detection
Automatically detects VS Code, Cursor, WebStorm, and other running editors.
Works With Your Stack
Seamless integration with Expo and bare React Native projects
Supported Editors
Open source files in your favorite code editor
How It Works
Two-step process from tap to editor
Runtime
Inspector component captures taps and extracts source info from React's debug metadata
Dev Server
Metro middleware receives the request and launches your editor at the correct file:line
Quick Start
Get up and running in minutes - just one package!
Install
npm install react-native-dev-inspectorConfigure Metro
const { withInspector } = require('react-native-dev-inspector/metro');
module.exports = withInspector(config);