React Developer Tools
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Quickly find the code for rendered React components!
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
Figment only works for sites running a development build of React on localhost.
1) Click the toolbar icon OR focus on the page then press the hotkey to turn on or off (alt-f OR ⌥-f)
2) Mouse over the page to see components and elements outlined in red
3) Click the red label for an outlined component
4) Click a code link, if available, in the resulting menu
Inspect the latest comments and rating distribution.
Store average score: 5.0. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Chrome extension for React Developer
Extract HTML elements and transform them to React, Vue, Tailwind, or PHP
Scan React apps for performance problems
The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.
State Management DevTool for React Query
This thing is awesome! When figment is toggled on, you can hover an element you want to inspect and you get an outline of the dom element on screen and a tag-name in the upper-right corner. Clicking on the tag name then lists out the entire component sub-tree from that node. It's so easy and waaay better than React devtools for inspecting components!