awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

State debuggers

Ranking updated Jul 2, 2026

For a tool for debugging application state, the strongest matches are reduxjs/redux-devtools (Redux DevTools is a dedicated browser extension and development), zalmoxisus/redux-devtools-extension (This browser extension is the quintessential state management debugging) and vuejs/vue-devtools (Vue DevTools is a browser extension that provides state). open-source-labs/reactime and vuejs/devtools round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Explore the best state debuggers for your application. Compare top-rated open-source tools by activity and features to find the best fit for your stack.

State debuggers

Find the best repos with AI.We'll search the best matching repositories with AI.
  • reduxjs/redux-devtoolsreduxjs avatar

    reduxjs/redux-devtools

    14,336View on GitHub↗

    Redux DevTools is a development utility designed for inspecting, monitoring, and replaying state changes within applications built using the Redux predictable state container. It functions as a JavaScript state inspector that tracks data flow and visualizes action sequences to assist in identifying logic errors during the development process. The tool provides time-travel debugging capabilities, allowing developers to navigate through recorded action sequences to isolate specific application states. By capturing state transitions as a sequential log, it enables the reproduction of past applic

    Redux DevTools is a dedicated browser extension and development utility for inspecting, time-travel debugging, and monitoring Redux state changes, offering a state tree inspector, action log, and replay capabilities that squarely match this search for a frontend state debugging tool.

    TypeScriptExecution Time TravelState Inspectors
    View on GitHub↗14,336
  • zalmoxisus/redux-devtools-extensionzalmoxisus avatar

    zalmoxisus/redux-devtools-extension

    13,460View on GitHub↗

    This project is a state management inspector and debugging tool for Redux. It provides a browser-based interface for inspecting and modifying application state and actions in real time, serving as an action logger and time travel debugger to troubleshoot application logic. The tool allows users to navigate a chronological history of state changes to replay previous versions of the application or skip specific actions. It also functions as a remote monitoring bridge, streaming Redux state and actions from non-browser environments to a centralized debugging interface. The capability surface in

    This browser extension is the quintessential state management debugging tool for Redux, providing time-travel debugging, a state tree inspector, action logging, and real-time monitoring—exactly what a developer needs to inspect and trace state changes in a Redux-based frontend.

    JavaScriptState InspectorsReal-time State Debugging
    View on GitHub↗13,460
  • vuejs/vue-devtoolsvuejs avatar

    vuejs/vue-devtools

    24,724View on GitHub↗

    Vue-devtools is a browser debugger and state inspector for Vue.js applications. It functions as a frontend framework utility integrated into the browser to analyze the structure and internal state of web applications during development. The tool provides capabilities for component analysis and state inspection, allowing for the examination of component hierarchies and real-time data flow. It enables the monitoring of reactivity and the organization of running applications within the browser developer tools pane. The project covers a broader debugging workflow focused on observability and the

    Vue DevTools is a browser extension that provides state inspection, component hierarchy, and real-time monitoring specifically for Vue.js applications, making it a direct fit for debugging state in that framework but not a universal solution across all frontend frameworks.

    TypeScriptState Inspectors
    View on GitHub↗24,724
  • open-source-labs/reactimeopen-source-labs avatar

    open-source-labs/Reactime

    2,238View on GitHub↗

    Reactime is a browser extension designed for debugging and profiling React applications. It provides a specialized interface for monitoring component hierarchies, tracking state transitions, and analyzing data flow within complex component trees. The tool distinguishes itself through time-travel debugging capabilities, which allow developers to capture and replay state snapshots to isolate logic errors. It also features a dependency graph mapper that visualizes the relationships between providers and consumers, clarifying how information is distributed throughout an application. Beyond core

    Reactime is a browser extension devtool that provides time-travel debugging and state inspection specifically for React applications, making it a comprehensive match for debugging and tracing state changes in frontend frameworks.

    TypeScriptState Debugging ToolsApplication Performance ProfilingComponent Lifecycle Hooks
    View on GitHub↗2,238
  • vuejs/devtoolsvuejs avatar

    vuejs/devtools

    2,857View on GitHub↗

    ⚙️ Browser devtools extension for debugging Vue.js applications.

    Vue Devtools is a browser extension specifically for debugging Vue.js applications, making it a genuine state-management debugging tool for that framework—it provides a component tree, state inspector, and Vuex action log, though it is limited to Vue rather than general frontend frameworks.

    TypeScriptCore Frameworks
    View on GitHub↗2,857
  • flow-storm/flow-storm-debuggerflow-storm avatar

    flow-storm/flow-storm-debugger

    856View on GitHub↗

    A debugger for Clojure and ClojureScript with some unique features.

    Flow Storm is a debugger for Clojure and ClojureScript that can inspect application state during execution, fitting the developer's need for state debugging, though it lacks a visual state tree inspector or time-travel debugging specific to frontend frameworks.

    ClojureDebugging and Utilities
    View on GitHub↗856
  • hediet/vscode-debug-visualizerhediet avatar

    hediet/vscode-debug-visualizer

    8,168View on GitHub↗

    This is a visual debugging tool for VS Code that renders program variables and data structures as graphical diagrams during active debugging sessions. It functions as a programmable framework that converts internal runtime data and debug expressions into visual representations to assist in understanding program state. The project distinguishes itself through a programmable extraction system that allows the injection of custom JavaScript scripts into the debuggee. These scripts define how project-specific data types are parsed and transformed into JSON formats compatible with the visualization

    This VS Code extension visualizes arbitrary program variables during debugging, but it is not a dedicated frontend state management debugger with time-travel, action logs, or framework-specific state tree inspectors that this search targets.

    TypeScriptVisual Debugging Environments
    View on GitHub↗8,168
  • cocopon/tweakpanecocopon avatar

    cocopon/tweakpane

    4,529View on GitHub↗

    Tweakpane is a web GUI control panel and JavaScript parameter debugger used for inspecting frontend state and monitoring real-time variable changes. It provides a graphical interface for adjusting application parameters and tracking values as they change during program execution. The project allows for the creation of interactive inputs and read-only value monitors that bind directly to data variables. It organizes these controls through a hierarchical layout of folders and tabs and supports the serialization of control panel configurations and parameter states into JSON files for persistence

    Tweakpane is a real-time GUI control panel for inspecting and adjusting frontend variables, but it lacks the time-travel debugging, action/event logs, and framework-specific state integrations that define a dedicated state management debugging devtool.

    TypeScriptState Inspectors
    View on GitHub↗4,529
  • supasate/connected-react-routersupasate avatar

    supasate/connected-react-router

    4,692View on GitHub↗

    connected-react-router is a synchronization tool that binds React Router state and browser history to a Redux store. It maps routing information and URL parameters into a global state tree, enabling the application to manage navigation through a unidirectional data flow. The library allows navigation to be triggered by dispatching actions rather than calling imperative history methods. This middleware-driven approach enables URL updates to be initiated from business logic or asynchronous processes. The system synchronizes the current location, hash, and search parameters into the global stat

    connected-react-router synchronizes React Router state into a Redux store, routing history into the unidirectional data flow, but it is a state-binding library, not a state-inspection or debugging tool itself — it enables Redux DevTools to see routing state but does not provide the inspector, action log, or time-travel features you need.

    JavaScriptTime-Travel Debuggings
    View on GitHub↗4,692
  • facebook/react-devtoolsfacebook avatar

    facebook/react-devtools

    11,012View on GitHub↗

    React DevTools is a set of web browser developer tools integrated into Chrome and Firefox. It functions as a component inspector and UI debugger designed to visualize the component hierarchy and analyze the runtime behavior of React applications. The project includes a performance profiler used to detect unnecessary component re-renders and improve rendering efficiency. It also provides utilities for mapping virtual component trees to the physical DOM and linking rendered UI elements directly to their corresponding source code files and line numbers. The toolset covers component hierarchy vi

    React DevTools is a browser extension for inspecting React component hierarchies and performance, but it does not provide dedicated state management debugging features like time-travel, action logs, or state diff viewers; it is more of a UI component inspector than a state debugging tool.

    Source Map Generators
    View on GitHub↗11,012
  • livestorejs/livestorelivestorejs avatar

    livestorejs/livestore

    3,475View on GitHub↗

    Livestore is a reactive state management framework that utilizes a local SQLite database to store and synchronize application data. It provides an event-sourced state store that processes typed events through materializer functions to derive and persist application state. The framework implements offline-first data synchronization using a push-pull engine and append-only event logs to maintain consistency between clients and servers. It includes a real-time presence system for tracking user activity and shared session status across connected clients. The system covers a broad capability surf

    Livestore is a reactive state management framework with built-in debugging capabilities like time-travel and state inspection, but it is not a standalone debugging tool or browser extension—it is the framework itself, so it does not match the search for a devtool to inspect or debug state in already-in-use frontend frameworks.

    TypeScriptEvent Logs
    View on GitHub↗3,475
  • redux-observable/redux-observableredux-observable avatar

    redux-observable/redux-observable

    7,815View on GitHub↗

    Redux-Observable is a functional middleware for Redux that treats action streams as observables to manage complex asynchronous side effects and timing. It acts as an asynchronous action orchestrator, transforming streams of Redux actions into new actions through pipelines of observable-based side effects to coordinate application state changes. The project allows for the dynamic loading, injection, and replacement of side-effect streams at runtime. This enables the addition of asynchronous task handlers without requiring a full application restart, supporting code splitting and lazy loading o

    Redux-Observable is a middleware for managing asynchronous side effects with RxJS, not a debugging or inspection tool — it orchestrates action streams rather than providing state tree inspection, time-travel debugging, or a state diff viewer.

    TypeScriptState Streaming
    View on GitHub↗7,815
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
reduxjs/redux-devtools14.3KTypeScriptmitFeb 20, 2026
zalmoxisus/redux-devtools-extension13.5KJavaScriptMITNov 7, 2023
vuejs/vue-devtools24.7KTypeScriptMITSep 11, 2024
open-source-labs/reactime2.2KTypeScriptMITJun 1, 2026
vuejs/devtools2.9KTypeScriptMITJun 18, 2026
flow-storm/flow-storm-debugger856ClojureUnlicenseJun 12, 2026
hediet/vscode-debug-visualizer8.2KTypeScriptGPL-3.0Mar 17, 2025
cocopon/tweakpane4.5KTypeScriptMITMar 15, 2026
supasate/connected-react-router4.7KJavaScriptMITMar 2, 2023
facebook/react-devtools11K—NOASSERTIONSep 3, 2019

Related searches

  • Script debugger
  • Debugging protocol tools
  • a visual debugger for tracking code execution
  • State management library
  • a debugging utility for frontend components
  • a command line tool for debugging containers
  • State management library
  • a debugger for MCP server development