Item logo image for Valtio DevTools

Valtio DevTools

5.0(

1 rating

)
Item media 1 (screenshot) for Valtio DevTools

Overview

Real-time state inspector for Valtio.

Valtio DevTools is a high-fidelity, real-time state inspector for React and Vanilla JS applications using the Valtio state management library. Designed specifically for complex, deeply-nested state trees, this extension bridges the gap between your app and Chrome's Developer Tools to provide a seamless debugging experience. 🔥 KEY FEATURES • Real-Time Tree View: Inspect your Valtio proxies as they mutate in real-time with a beautifully formatted, color-coded JSON tree. • Time Travel (RESTORE): Browse your mutation history and click on any historical state snapshot to instantly teleport your app's live state back in time. • Smart Action Tracking: Automatically detects and badges functions/actions within your state, separating data from logic. • Derived State Detection: Automatically recognizes derive-valtio read-only stores and safely disables time-travel to prevent errors. • High-Fidelity UI: Built with a dark-mode JetBrains Mono aesthetic, pulsing connection indicators, and intuitive controls. 🛠️ HOW TO USE Install this Chrome Extension. Install the companion bridge library in your project: npm install -D valtio-inspector Open Chrome DevTools (F12) and navigate to the 'Valtio DevTools' tab!

Details

  • Version
    1.0.0
  • Updated
    April 29, 2026
  • Size
    4.48MiB
  • Languages
    English
  • Developer
    Email
    markbazilev1000@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Claude Bridge

5.0

Inspect React elements and send component context to Claude Code via MCP

API Response Modifier

5.0

Modify API responses in real-time

TanStack Query DevTools

3.6

DevTools extension for debugging TanStack Query applications. Inspect queries, mutations, and cache state in real-time.

Network Debugger Plus

5.0

Advanced network request inspector with filtering and payload viewer

by Crawford Squarespace Code Inspector

0.0

A tool that acts as a code inspector, displaying real-time CSS properties.

Outsystems Devtool

5.0

Advanced inspection and debugging tools for OutSystems applications.

Data Layer Inspector

5.0

Inspects and monitors dataLayer pushes in Chrome DevTools.

Reactime

4.8

A Chrome extension for time travel debugging and performance monitoring in React applications.

Vue Devtools Unlocker

5.0

Enable Vue DevTools in production environments

Valerus

0.0

Vicon Valerus Surveillance Application

JSONGrid Web Inspector

3.0

A Chrome extension for inspecting JSON data with JSONGrid, a tabular JSON view.

React Scan Toggle

5.0

Toggle React Scan functionality to analyze React component renders

Claude Bridge

5.0

Inspect React elements and send component context to Claude Code via MCP

API Response Modifier

5.0

Modify API responses in real-time

TanStack Query DevTools

3.6

DevTools extension for debugging TanStack Query applications. Inspect queries, mutations, and cache state in real-time.

Network Debugger Plus

5.0

Advanced network request inspector with filtering and payload viewer

by Crawford Squarespace Code Inspector

0.0

A tool that acts as a code inspector, displaying real-time CSS properties.

Outsystems Devtool

5.0

Advanced inspection and debugging tools for OutSystems applications.

Data Layer Inspector

5.0

Inspects and monitors dataLayer pushes in Chrome DevTools.

Reactime

4.8

A Chrome extension for time travel debugging and performance monitoring in React applications.

Google apps