Hover-based component inspector with performance profiling and advanced tracking for React, Vue, and Svelte
Users
3
−1 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#329K
#258K among extensions
Version
1.0.7
updated 10 Jan 2026
Users
monthly, 10 months
Latest, 15 Oct 2026:3 usersMove the mouse over the chart for any month
Ratings count
monthly, 10 months
Latest, 15 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About HoverComp Dev Inspector
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