Item logo image for Inspeck - Screen Measurement Tool

Inspeck - Screen Measurement Tool

5.0(

2 ratings

)
ExtensionFunctionality & UI7 users
Item media 4 (screenshot) for Inspeck - Screen Measurement Tool
Item media 1 (screenshot) for Inspeck - Screen Measurement Tool
Item media 2 (screenshot) for Inspeck - Screen Measurement Tool
Item media 3 (screenshot) for Inspeck - Screen Measurement Tool
Item media 4 (screenshot) for Inspeck - Screen Measurement Tool
Item media 1 (screenshot) for Inspeck - Screen Measurement Tool
Item media 1 (screenshot) for Inspeck - Screen Measurement Tool
Item media 2 (screenshot) for Inspeck - Screen Measurement Tool
Item media 3 (screenshot) for Inspeck - Screen Measurement Tool
Item media 4 (screenshot) for Inspeck - Screen Measurement Tool

Overview

Measure spacing, sizes and alignment, then inspect CSS, typography and colors on any live web page — without leaving the tab.

Inspeck is a fast, visual measurement and inspection layer for any web page. Hover to measure, click to inspect — without opening DevTools or switching back to your design file. Built for product designers, front-end engineers, design-system teams, and QA/UX reviewers who care about pixel-accurate UI. WHAT YOU CAN DO • Measure on hover — see the exact width and height of any element the instant your cursor lands on it. • Compare spacing — click one element, hover another, and Inspeck draws the distance between them with live pixel readouts. • Select an area — drag to measure any region of the screen. • Inspect everything — a clean panel shows the real computed values: size and position, the box model (padding and margin, editable per side), typography (font, size, weight, line-height, letter-spacing, color), and appearance (background, corner radius, border, shadow, opacity). • Edit live — tweak CSS, text, padding, radius and more right on the page to preview changes before you touch code. Nudge any value with the arrow keys. • Check contrast — every text element shows its contrast ratio, so you catch accessibility issues on the spot. • Walk the DOM — jump to a parent or child element without re-clicking. • Pin notes — drop text annotations anywhere for design QA and feedback. • Capture screenshots — save the page with your measurements included. • Guides & 8-pt grid — drop alignment guides and toggle a grid overlay. • Works inside iframes — measure and inspect elements in embedded frames too. WORKS ANYWHERE Use it on production sites, staging environments, web apps behind logins, and localhost. If your browser can open it, you can measure it. PRIVATE BY DESIGN Inspeck runs entirely in your browser. Measurements, notes, and screenshots never leave your machine. There is no account, no sign-in, and no tracking — the extension makes no network requests and collects no data. FAST TO USE Press Opt+M or Alt+M (or click the toolbar icon) to start. Hover to measure, click to inspect, and use keyboard shortcuts to switch modes, pin notes, and capture screenshots. Stop guessing and start measuring. Make every pixel accountable.

Details

  • Version
    1.2
  • Updated
    June 17, 2026
  • Offered by
    pulkitmittal19
  • Size
    67.9KiB
  • Languages
    English
  • Developer
    Email
    pulkitmittal19@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.

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
Google apps