Developer & QA Tool for Vue

Inspect and control Vue application runtime

Debug components, manipulate Pinia state and simulate API responses directly in the browser.
No proxies. No rebuilds. No DevTools limitations.

Built for debugging and testing modern Vue applications.

Developer Tool

QA Tool

Debugging Tool

Zero Config

Everything you need to debug Vue apps

Powerful tools that work directly in the browser, no setup required.

Stop guessing what your component receives. Inspect and modify Vue props directly in the running application and instantly see how the UI reacts.

Edit Pinia stores live and simulate any application state. Reproduce edge cases without writing debug code or rebuilding the app.

Intercept and modify API responses directly in the browser. No proxy servers, certificates or complicated setup required.

Choose the installation method that works best for you.

Recommended

1

Download the latest extension release

2

Unzip the archive to a convenient location

3

Open chrome://extensions/

4

Enable Developer mode in the top-right corner

5

Click Load unpacked and select the dist/ folder

Quick start

1

Drag the button below to your browser bookmarks bar

2

Open a page with a Vue application

3

Click the bookmark — the inspector panel will appear at the bottom

Note: Designed for corporate devices where extensions cannot be installed. Features may be limited.

Vue Inspector ← Drag to bookmarks bar

Stay up to date with the latest improvements.

Loading release information...

Join developers who save hours every week with real-time Vue inspection.