Element Inspector on Hover
Hover any element to inspect box model, fonts, colors, WCAG contrast, grid/flex overlays, design tokens and more.
As of June 2026, Element Inspector on Hover has 1 users in the Developer Tools category.
Usersno change0%
1
1
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.4.5
Manifest V3
90-day change · In the last 90 days this extension 1 version update, changed permissions.
History
3 snapshotsTracking since May 23, 2026.
Not enough history yet for this metric — the chart fills in as we collect more snapshots.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| May 23, 2026 | — | — | — | 1.0.0 |
| May 29, 2026 | — | — | — | 1.0.0 |
| Jun 12, 2026 | — | — | — | 1.4.5 |
| Now | 1 | — | — | 1.4.5 |
Changelog
- May 29, 2026short_description
Inspect element details (tag, size, padding, margin, font, colors) by hovering. Toggle on/off via the extension popup.
Hover any element to inspect box model, fonts, colors, WCAG contrast, grid/flex overlays, design tokens and more.
- May 29, 2026permissions
storage, activeTab, scripting
storage, activeTab, scripting, tabs
Permissions & access
- Permissions
- storageactiveTabscriptingtabs
- Host access
- <all_urls>
Screenshots
About
Element Inspector on Hover is a lightweight visual inspector for designers, developers and QA. Point at any element on a webpage and instantly see its tag, box model, font and colors in a small overlay — no DevTools required. What you see on hover • HTML tag, id and class • Size (width × height) • Padding, margin and border (each side) • Font family, size, weight and line-height • Text color and background color (with swatches) • Display, position and z-index How it works Click the toolbar icon and press Activate. Move your cursor across the page — a dashed outline highlights the element under it, and a panel follows your cursor with the details. Press Esc on the page, or open the popup and click Deactivate, to turn it off. The on/off state is remembered across page navigations and browser restarts, so you can flip it on once and keep working. Who it's for • Designers checking spacing, type and color on live sites • Front-end developers debugging layout without opening DevTools • QA testers documenting visual issues quickly • Anyone curious how a website is built
Technical
- Version
- 1.4.5
- Manifest
- V3
- Size
- 32.4KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- lpkedgjpiicdokedfmgnoffppgoclokk
- Developer ID
- ud501ef6c82d16da4e1435ed9b1d66cd6
- Developer Email
- [email protected]
- Created
- May 22, 2026
- Last Updated (Store)
- May 23, 2026
- Last Scraped
- Jun 12, 2026
- Website
- braudyp.dev
- Support URL
- https://braudyp.dev/
Data sourced from the Chrome Web Store · last verified Jun 12, 2026.