React-Sight/React-Sight

Health v2 · maintenance only

Adoption not part of the score

2863 stars · 118 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

React Sight is a browser extension (Chrome and Firefox) that renders a live visualization of a React application's component hierarchy tree, with support for React Fiber, React Router v4, and Redux state. It requires no codebase modification and appears as a panel in the browser developer tools.

Use cases

• visualize react component tree
• debug react app component hierarchy
• see redux state and props in a tree view
• inspect react router structure
• understand how a react app is structured
• view component relationships without modifying code

When to choose

• you want a visual tree of your React app's components, routes, and Redux store
• you need a zero-setup devtools panel that works on any site running React
• you prefer a graphical alternative to text-based React DevTools

When to avoid

• the project is explicitly unmaintained, so expect compatibility issues with modern React versions
• you need active support for React 18+ features like Server Components
• you only need standard component inspection, which React DevTools already covers

Facets

plugin · maturity abandoned

developer-tools data-visualization frontend web-development developer-tools browser browser-extension react redux react-router component-hierarchy devtools-panel react-fiber visualization debugging

Member repositories

For agents

markdown · JSON · MCP: product_card(name="React-Sight/React-Sight")