Media
2 items
Description
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