Screen Ruler
Measure, inspect, and edit live webpages from a browser extension.
Inspect a webpage’s technology, typography, layout, and accessibility in one panel.

LoupeKit is a browser extension for understanding how a webpage is built. Its floating panel identifies technologies, reads an element's box model and typography, extracts colors, and exposes the evidence behind its findings. Designers and developers can inspect a page without repeatedly searching through browser developer tools.
The toolkit also covers accessibility, layout diagnostics, stylesheet tokens, images, loading behavior, and common design utilities. Its heuristic audit flags patterns associated with generated pages and shows the measurements behind each finding; these are signals to review, rather than proof of authorship. Core inspection runs in the browser; an audit sends selected page signals to the service. Paid tools add exports, reports, and comparisons.
Tried it? Share a useful thought or ask a question.
Good conversations start with a hello.
Sign in to comment