A React developer tool that wraps any element and visually debugs its CSS box model — margin, border, padding, and content — with live overlays and a draggable panel.
Power of Browser DevTools inspectors right inside your React app
React JSON inspector component
Use react-devtools outside of the browser
Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
dev-tool for inspect react components and jump to local IDE for component code.
jump to local IDE source code while click the element of browser automatically.
Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
Model Context Protocol inspector
Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
A [Svelte](https://svelte.dev) inspector plugin for [Vite](https://vitejs.dev).
Click the dom on the page, it will open your IDE and position the cursor to the source code location of the dom.
A visual tool for inspecting and understanding your ESLint flat configs
express middleware for react-dev-inspector to launch local IDE
[](https://badge.fury.io/js/avo-inspector)
Tooling for GraphQL. Compare GraphQL Schemas, check documents, find breaking changes, find similar types.
Turns off all rules that are unnecessary or might conflict with Prettier.
middleware's endpoint and types for react-dev-inspector
Web UI components for react-dev-inspector, build as Web Components via solid-js.
Tooling for GraphQL. Compare GraphQL Schemas, check documents, find breaking changes, find similar types.
Inspection utilities for state, actors, workflows, and state machines.