State Inspector finds the Redux, Zustand, Pinia and Vuex stores on the page you are on, shows their state as a live tree, and lets you dispatch actions, patch state or call store actions without opening a debugger.
Front-end bugs very often live in state rather than in markup: a flag that never flips, a list holding a stale item, a user object missing the field the interface expects. Framework devtools can show it, but only when the right extension is installed, the build exposes it and you are on a machine where you can open a debugger. On a staging site, a colleague's laptop or a production page, that is often not the case.
This tool reads the stores straight from the page. Redux is found through the store react-redux hands to its Provider, Pinia and Vuex through the Vue application they are installed in (Vue 3 and Vue 2), and Zustand through a store exposed on window or through the components that read from it. Each store is listed with where it was found, and its state is shown as a collapsible tree that keeps Maps, Sets, Dates, functions and circular references readable instead of failing to serialise.
Live mode re-reads the selected store every two seconds, highlights the top-level keys that changed and keeps a short change log, so you can click around the page and watch which part of the state each interaction touches. A filter finds any key or path in a large state tree, and Copy state JSON gives you a snapshot for a bug report or a test fixture.
When reading is not enough, change it in place: dispatch a Redux action, merge an object into Zustand state or call one of its actions, $patch a Pinia store or run its actions with arguments, and commit mutations or dispatch actions in Vuex, including namespaced modules. The tree and the page update immediately. The tool is also clear about what it cannot reach: a store kept inside a module and never handed to the interface is invisible from outside, and the panel explains how to expose one during development.
Redux and Redux Toolkit, Zustand, Pinia and Vuex on Vue 2 and Vue 3, found automatically — no setup and no devtools hook in the build.
Nested state as a collapsible tree that handles Maps, Sets, Dates, functions, class instances and circular references, with Pinia and Vuex getters shown separately.
Live mode highlights the top-level keys that changed and logs every change with a timestamp, so you can map interactions to state updates.
Dispatch Redux actions, call Zustand and Pinia actions with arguments, $patch Pinia state, merge into Zustand state, and commit or dispatch in Vuex.
Filter a large state tree by key or path, then copy the whole state as JSON for a bug report, a test fixture or a comparison.
Nothing to install in the app and no debug build needed — it works on staging, on production and on other people's sites, wherever the stores are reachable.
Check whether the bug is in the data or in the view: if the store already holds the wrong value, the component is not the problem.
Put the store into a state that is hard to reach by clicking — an empty cart, an expired session, a thousand items — and see how the interface copes.
Read the live stores of a deployed build where Redux DevTools or Vue Devtools are not connected.
Click through the app and watch the change log to learn which interactions update which part of the state.
Add an exact JSON snapshot of the store to the ticket instead of describing what the interface showed.
Click the State Inspector icon in the DevSuite Pro dock on a React or Vue page. Every store it finds is listed with its library and where it was found.
Select a store to see its state as a tree. Expand the branches you need, or type in the filter to jump straight to a key or path.
With Live switched on, interact with the page and watch the change log: each entry shows the time and the top-level keys that changed.
Enter an action, a patch or arguments as JSON and run it. The tree and the page update straight away, so you can test edge cases without touching the code.
Copy state JSON captures the store as it is right now, ready to paste into a ticket, a test or a comparison tool.
Install DevSuite Pro for free and unlock 74+ developer tools for your browser.
