Item logo image for LayoutSpector - UI Inspector & QA

LayoutSpector - UI Inspector & QA

5.0(

2 ratings

)
ExtensionDeveloper Tools4 users
Item media 2 (screenshot) for LayoutSpector - UI Inspector & QA
Item media 1 (screenshot) for LayoutSpector - UI Inspector & QA
Item media 2 (screenshot) for LayoutSpector - UI Inspector & QA
Item media 1 (screenshot) for LayoutSpector - UI Inspector & QA
Item media 1 (screenshot) for LayoutSpector - UI Inspector & QA
Item media 2 (screenshot) for LayoutSpector - UI Inspector & QA

Overview

UI inspector for QA: spacing, rulers, grids, typography, colors, screenshots, responsive preview and notes.

LayoutSpector is a practical UI inspection tool for QA engineers, developers, designers, and anyone who needs to verify the quality of web interfaces. The extension helps you inspect a page directly in the browser without constantly switching to DevTools. You can check element sizes, margins, padding, spacing between blocks, typography, colors, borders, border radius, layout grids, accessibility information, and other UI properties. LayoutSpector lets you pin multiple elements at the same time and compare their properties, measure distances between elements, use rulers and a configurable grid, inspect element colors or individual pixels, and check text contrast. For responsive testing, you can open mobile, tablet, and desktop views of the same page and adjust viewport sizes manually. The extension also includes screenshot tools. You can capture the full page or selected blocks, add comments, highlight areas with rectangles or arrows, save results to history, and return to them later. Screenshot history is stored separately for each page, and complete reports can be exported to HTML with screenshots and comments included. Main features: - element and block dimensions - margins and padding - spacing between elements - typography details including font size, weight, line-height, and letter-spacing - HEX and RGB colors - background, borders, and border radius - contrast checking - ARIA and accessibility information - rulers and configurable layout grid - element color picker - pixel color picker - multiple pinned elements - copy individual values or complete groups - mobile, tablet, and desktop responsive testing - full-page and selected-block screenshots - screenshot comments and visual annotations - screenshot history grouped by page - HTML history export LayoutSpector works locally in your browser. Page data, screenshots, comments, and inspection results are not sent to external servers.

Details

  • Version
    1.3.1
  • Updated
    September 10, 2026
  • Offered by
    MrBrimseeker
  • Size
    71.65KiB
  • Languages
    2 languages
  • Developer
    Email
    MrBrimseeker@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps