Skip to main content

React DevTools rebuild

React DevTools

A modern developer tools ecosystem for React apps.

Component inspection, framework integrations, plugin APIs, and a polished UI are being built here in public.

Read the DocsView on GitHub

Project Direction

These placeholders mark the homepage story for Phase 7, once the real packages and integration paths have landed.

Component Tree Explorer

Inspect React roots, component hierarchy, props, hooks, and render state from a UI shaped for everyday debugging.

Framework Integrations

Support browser extension, Vite overlay, and standalone development flows from one shared protocol and client.

Plugin Surface

Expose custom inspectors and app-specific panels so routers, stores, and product tooling can meet the React tree.

Beautiful Development UI

Rebuild the useful parts of the Vue Devtools experience with a React-first interface that is fast, calm, and readable.

What lands before the docs are final

The API examples will be written after the shared runtime, client UI, Vite integration, extension, and plugin contracts exist.

Start with the Project Notes
  1. Shared protocol and plugin API
  2. Fiber walker and component inspection
  3. Client UI, Vite overlay, and browser extension
  4. Playgrounds, docs, smoke tests, and release packaging