Quickly find the code for rendered React components!
Figment Extension
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
Source Manifest.json
Similar Extensions
React Developer Tools 5 1576 ★ 1.56MiB
Web Component DevTools 5 9 ★ 1.74MiB
GTM Variable Builder 5 30 ★ 82.71KiB
React code finder 5 5 ★ 2.95MiB
React Inspector 5 8 ★ 26.91KiB
PageRip (HTML + CSS Extract) 5 54 ★ 434KiB
Elementor Width Display 5 16 ★ 27.85KiB
DivMagic - Copy Style from any website 5 55 ★ 1.3MiB
LocatorJS 5 64 ★ 190KiB
React Context DevTool 5 21 ★ 2.35MiB
CSS Viewer for Google Chrome™ 5 334 ★ 346KiB
HTML to React & Figma by Magic Patterns 5 10 ★ 392KiB
Atomic CSS Devtools 5 15 ★ 196KiB
React Scan Toggle 5 3 ★ 48.71KiB
CSS Selector 5 2 ★ 73.43KiB
Remove HTML Elements 5 16 ★ 36.19KiB
Quick Inspect Element 5 9 ★ 360KiB
React Query Rewind 5 4 ★ 538KiB
React Hook Form Developer Tools 5 7 ★ 117KiB
ProseMirror Developer Tools 5 5 ★ 164KiB
RSC Devtools 5 9 ★ 175KiB
Deeper Dive 5 4 ★ 32.31KiB
3D View website 5 4 ★ 17.25KiB
HTML to React 5 4 ★ 342KiB