Item logo image for WhoRenderedThis

WhoRenderedThis

Item media 3 (screenshot) for WhoRenderedThis
Item video thumbnail
Item media 2 (screenshot) for WhoRenderedThis
Item media 3 (screenshot) for WhoRenderedThis
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for WhoRenderedThis
Item media 3 (screenshot) for WhoRenderedThis

Overview

Hover over any element on a React app to see which component rendered it.

WhoRenderedThis is a developer tool for understanding React UIs by showing you which React component rendered any element on the page. Activate it with one click, then hover over the UI to see the nearest component name and an on-page highlight. Pin a selection to inspect it more carefully, view its parent component chain, and copy the component info to your clipboard. Why install it: - Faster debugging: jump from “what I see” to “what rendered it” - Works on most React sites with zero setup - Lightweight and privacy-first: no analytics, no data collection, no network requests Notes: - Source file + line numbers are shown when available (best in dev builds). - The extension only runs when you click the extension icon.

Details

  • Version
    0.2.0
  • Updated
    March 21, 2026
  • Offered by
    nabobery
  • Size
    99.01KiB
  • Languages
    English
  • Developer
    Email
    avinashchangrani99@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. To learn more, see the developer’s privacy policy.

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

Related

RSC Devtools

4.9

React Server Components network visualizer

ComponentLocator

0.0

Alt-click any element in your dev app to open its component source in your editor. Auto-detects Next.js, React, Vue, Svelte, Astro.

Angular Highlight

5.0

Highlights Angular components when change detection runs - like React DevTools

JSX Tool

5.0

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.

React code finder

4.2

Chrome extension for React Developer

Formik Devtools

5.0

Formik Developer Tools for debugging React form components

React DevTools

5.0

Inspect React & Next.js component trees, edit state live, track re-renders, and analyze components with AI.

Component Context Picker

5.0

Pick any UI element and copy its component context (React, Vue, Angular, or HTML) to clipboard — ready to paste into any AI.

Recoilize

3.7

A Chrome extension that helps debug Recoil applications by memorizing the state of components with every render.

React + State Inspector

5.0

Inspect React (v15+) components visually and view/edit Redux and React Query state live from a DevTools panel.

React Developer Tools

3.9

Adds React debugging tools to the Chrome Developer Tools. Created from revision 1d34f91dfd.

React Scan

4.8

Scan React apps for performance problems

RSC Devtools

4.9

React Server Components network visualizer

ComponentLocator

0.0

Alt-click any element in your dev app to open its component source in your editor. Auto-detects Next.js, React, Vue, Svelte, Astro.

Angular Highlight

5.0

Highlights Angular components when change detection runs - like React DevTools

JSX Tool

5.0

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.

React code finder

4.2

Chrome extension for React Developer

Formik Devtools

5.0

Formik Developer Tools for debugging React form components

React DevTools

5.0

Inspect React & Next.js component trees, edit state live, track re-renders, and analyze components with AI.

Component Context Picker

5.0

Pick any UI element and copy its component context (React, Vue, Angular, or HTML) to clipboard — ready to paste into any AI.

Google apps