HoverComp Dev Inspector

Extension Developer Tools1 user

Item media 1 (screenshot) for HoverComp Dev Inspector

Overview

Hover-based component inspector with performance profiling and advanced tracking for React, Vue, and Svelte

Hover over any element to instantly inspect components from React, Vue, Svelte, or plain HTML—without opening DevTools. Edit state, toggle styles, and explore component hierarchies in real-time. Features 🎯 Instant Inspection Hover over any element to see component details, hierarchy, props, state, and styles—no clicking required. ⚛️ Framework Support React: Component tree, props, state, hooks with live editing Vue: Component hierarchy and reactive data (Vue 2 & 3) Svelte: Component detection and reactive state HTML: DOM structure, attributes, and styles ✏️ Live Editing Edit state and hook values directly Toggle CSS classes and inline styles Add new classes and styles on the fly Test layout changes instantly ⌨️ Keyboard Shortcuts Alt+Shift+C — Toggle inspector Alt+Shift+M — Switch inspection modes Alt+Click — Pin/unpin overlay

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0.7
Updated
January 10, 2026
Flag concern
Offered by
hellices
Size
76.93KiB
Languages
English
Developer
Email
hellices@naver.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

HoverComp Dev Inspector has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

HoverComp Dev Inspector handles the following:

Website content

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

InstaVue - debug VueJS app in an instant

5.0

InstaVue just like a x-ray for VueJS application, allows you to see components and its data in just one click. Even in production.

React-DomPicker

5.0

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

JSX Tool

5.0

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.

Hover inspector like in Zeplin , Figma

4.8

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

React Scan

4.8

Scan React apps for performance problems

Visual Inspect UI

5.0

Advanced Visual Inspector for Editing Web Page Elements.

Pointer - Element Inspector for DevTools

5.0

Enhanced element inspection with cursor-driven workflow. Visual highlighting, measurements, and DevTools integration.

Web Capture - HTML to React with MagicPath

4.5

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

React Context DevTool

4.2

Devtool for React Context and useReducer

React Scan Toggle

5.0

Toggle React Scan functionality to analyze React component renders

HTML to React

4.5

The fastest and smartest way to analyze HTML elements and generate full React component representations.

UI Inspector - Visual CSS Editor

4.2

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.