WhoRenderedThis by Avinash
WhoRenderedThis is a developer tool that bridges the gap between what you see in the browser and the React code that rendered it.
Extension Metadata
About this extension
How it works:
Simply hover over any element on a React-powered website, and an overlay instantly shows you the component name, file path, and line number where that element was created. Click to pin the overlay and explore the full component hierarchy — see parent components all the way up the tree, complete with their source locations.
Key features:
- Instant component identification — No more guessing which component rendered what
- Source location mapping — Jump directly to the source file and line number
- Parent chain exploration — Understand the component hierarchy at a glance
- Version-aware detection — Works with React 16, 17, 18, and 19+
- Lightweight & non-intrusive — Only activates when you need it
Perfect for:
- Debugging unfamiliar React codebases
- Understanding component boundaries in large applications
- Learning how other React apps are structured
- Quickly navigating to the right source file
Built for developers, by developers. Open source on GitHub.
Simply hover over any element on a React-powered website, and an overlay instantly shows you the component name, file path, and line number where that element was created. Click to pin the overlay and explore the full component hierarchy — see parent components all the way up the tree, complete with their source locations.
Key features:
- Instant component identification — No more guessing which component rendered what
- Source location mapping — Jump directly to the source file and line number
- Parent chain exploration — Understand the component hierarchy at a glance
- Version-aware detection — Works with React 16, 17, 18, and 19+
- Lightweight & non-intrusive — Only activates when you need it
Perfect for:
- Debugging unfamiliar React codebases
- Understanding component boundaries in large applications
- Learning how other React apps are structured
- Quickly navigating to the right source file
Built for developers, by developers. Open source on GitHub.
Rated 0 by 0 reviewers
Permissions and data
Required permissions:
- Access your data for all websites
Data collection:
- The developer says this extension doesn't require data collection.
More information
- Add-on Links
- Version
- 0.2.0
- Size
- 104.66 KB
- Last updated
- 8 days ago (Feb 14, 2026)
- Related Categories
- License
- MIT License
- Version History
- Add to collection