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
vuejs avatar

vuejs/vue-devtools

0
View on GitHub↗
24,724 stars·4,133 forks·TypeScript·MIT·20 viewsdevtools-v6.vuejs.org↗

Vue Devtools

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 visualization of the relationship between source code and rendered browser output.

Features

  • Application Debugging - Provides real-time inspection of internal state and component hierarchies to debug Vue.js applications.
  • Browser Debuggers - Ships as a browser extension for inspecting the component hierarchy and internal state of Vue.js apps.
  • State Inspection Interfaces - Provides visual interfaces for tracking and displaying real-time state changes and component hierarchies.
  • Application Debugging Tools - Offers development utilities for inspecting the organization and state of a running application.
  • Framework DevTools - Provides a suite of browser-integrated debugging utilities to analyze the structure of modern web applications.
  • State Inspectors - Provides an interactive tool for examining real-time application data and reactivity within the browser.
  • Component Analysis - Enables examination of the structure and nesting of Vue.js components directly within the browser.
  • State Inspection - Monitors how data flows and changes within Vue.js components to ensure expected behavior.
  • Frontend Debugging Workflows - Visualizes the relationship between code and rendered output to speed up the development process.
  • Component Hierarchy Mirroring - Provides a mirrored representation of the Vue component hierarchy within the browser developer tools panel.
  • Framework State Tracking - Monitors internal framework events and mutation hooks to update the debugger UI in real time.
  • Message Passing Channels - Implements communication channels between the browser extension background scripts and the application page.
  • Script Injections - Injects helper scripts into the target page at runtime to hook into the framework's reactive system.
  • Debug State Injection - Injects a global debugging object into the application window to capture runtime metadata and internal state.
  • Extension Ecosystem - Component inspection and data manipulation for Vue.js.
  • Vue Ecosystem - Browser extension for debugging Vue.js applications.

Star history

Star history chart for vuejs/vue-devtoolsStar history chart for vuejs/vue-devtools

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Vue Devtools

Similar open-source projects, ranked by how many features they share with Vue Devtools.
  • 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

    View on GitHub↗11,012
  • 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

    JavaScriptdebugdevtoolsextension
    View on GitHub↗13,460
  • 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

    TypeScript
    View on GitHub↗14,336
  • sjj1024/pakeplusSjj1024 avatar

    Sjj1024/PakePlus

    13,009View on GitHub↗

    PakePlus is a web-to-native converter and application packager that transforms website URLs or static directories into standalone native desktop and mobile applications. It provides a native browser shell to wrap web content, acting as a cross-platform application shell for Android, iOS, and various desktop environments. The project distinguishes itself through a cloud-based app packager, utilizing remote build pipelines to compile application binaries without requiring a local development environment. It includes a JavaScript injection tool and a system-level API bridge, allowing users to ad

    HTMLpacbaopakepakeplus
    View on GitHub↗13,009
See all 30 alternatives to Vue Devtools→

Frequently asked questions

What does vuejs/vue-devtools do?

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.

What are the main features of vuejs/vue-devtools?

The main features of vuejs/vue-devtools are: Application Debugging, Browser Debuggers, State Inspection Interfaces, Application Debugging Tools, Framework DevTools, State Inspectors, Component Analysis, State Inspection.

What are some open-source alternatives to vuejs/vue-devtools?

Open-source alternatives to vuejs/vue-devtools include: facebook/react-devtools — React DevTools is a set of web browser developer tools integrated into Chrome and Firefox. It functions as a component… zalmoxisus/redux-devtools-extension — This project is a state management inspector and debugging tool for Redux. It provides a browser-based interface for… reduxjs/redux-devtools — Redux DevTools is a development utility designed for inspecting, monitoring, and replaying state changes within… sschmid/entitas-csharp — Entitas-CSharp is a data-oriented architectural framework for managing application state and logic in C# and Unity… sjj1024/pakeplus — PakePlus is a web-to-native converter and application packager that transforms website URLs or static directories into… hoffstadt/dearpygui — DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a…