Hover Debug Overlay

by aman_lakhuja · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Show overlay with TOP/LEFT/RIGHT/BOTTOM on element hovered with optional element name

Users

−2 in 30 days

Rating

5.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#125K

#104K among extensions

Version

1.1

updated 21 Aug 2025

Users

monthly, 14 months

Latest, 16 Oct 2026: 34 usersMove the mouse over the chart for any month

Ratings count

monthly, 14 months

Latest, 16 Oct 2026: 1 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 Hover Debug Overlay

The Hover Debug Overlay is a lightweight Chrome extension that helps developers and designers inspect web page elements quickly and visually. By simply hovering over an element, you’ll see a live overlay that highlights its boundaries (TOP, LEFT, RIGHT, BOTTOM) and optionally shows the element’s tag, ID, and classes — without disrupting the page layout. Features: - Live dimension overlay with edge labels (TOP/LEFT/RIGHT/BOTTOM) - Element descriptor (tag name, #id, .classes) - One-click enable/disable from the toolbar icon - Right-click to copy the element descriptor directly to your clipboard - Customizable: toggle element name and edge labels via context menu - Remembers your settings using local storage - No data collection, no remote requests, no analytics This extension is built with Manifest V3 and is completely self-contained. All functionality runs locally in your browser.