Layout Buddy – CSS Inspector & Screen Ruler

by cuocdat · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 15 Oct 2026

Inspect CSS, measure spacing, test responsive layouts, and annotate screenshots—right on any webpage.

Users

store count

Rating

0.0 / 5

unchanged in 30 days

Ratings

total ratings

Store rank

#349K

#268K among extensions

Version

0.1.0

updated 27 Sep 2026

Users

monthly, 1 months

Latest, 15 Oct 2026: 3 usersMove the mouse over the chart for any month

Ratings count

monthly, 1 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 Layout Buddy – CSS Inspector & Screen Ruler

Layout Buddy helps you inspect and review webpages without opening DevTools. Hover over any element to see its size, spacing, layout, typography, colors, and visual effects. Click to freeze it, copy values, or measure the distance to another element. With Layout Buddy, you can: • Inspect CSS visually • Measure padding, gaps, and element distances • Preview Phone, Tablet, and Desktop layouts side by side • Reveal page structure with X-Ray mode • Capture a page or selected area • Add arrows, rectangles, and text to screenshots • Save QA notes with element and viewport context Everything runs locally in your browser. No account, analytics, or content uploads. Built for frontend developers, designers, and QA engineers. Layout Buddy works on regular HTTP and HTTPS webpages. Browser-internal pages, extension pages, and the Chrome Web Store cannot be inspected.