QA overlays

by choodybd@gmail.com · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

In-browser QA overlays: measure, guides, grids, accessibility.

Users

0 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#240K

#201K among extensions

Version

1.0.0

updated 11 Jul 2026

Users

monthly, 3 months

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

Ratings count

monthly, 3 months

Latest, 16 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 QA overlays

Stop juggling DevTools panels. QA overlays lays a front-end developer's and designer's inspection toolkit directly over any web page — so you can measure spacing, align elements, check layout grids, and audit accessibility right where you're working. Four tools, one keystroke away: • Measure — Pixel rulers down both edges. Hover any element for its exact size, padding, and margin. Alt+drag to measure any distance. Click to pin an element and get a full box-model readout — padding, margin, border-radius, border, and font — plus live spacing to any other element you hover. • Guides — Drag alignment guides out from the edges. They snap to element edges and stay put per site, so your setup is waiting for you on your next visit. • Grids — Overlay column and baseline grids to check rhythm and alignment. 12-column, 16-column, and baseline presets are built in, or dial in your own columns, gutter, margin, and max-width. • Accessibility — Run a full axe-core audit in one click and see every violation ranked by impact; click a finding to flash the element on the page. Switch on the contrast checker and hover any text to read its WCAG AA/AAA color-contrast ratio instantly — no scan required.