Item logo image for Mensuris - Design Inspector

Mensuris - Design Inspector

Item media 4 (screenshot) for Mensuris - Design Inspector
Item media 1 (screenshot) for Mensuris - Design Inspector
Item media 2 (screenshot) for Mensuris - Design Inspector
Item media 3 (screenshot) for Mensuris - Design Inspector
Item media 4 (screenshot) for Mensuris - Design Inspector
Item media 1 (screenshot) for Mensuris - Design Inspector
Item media 1 (screenshot) for Mensuris - Design Inspector
Item media 2 (screenshot) for Mensuris - Design Inspector
Item media 3 (screenshot) for Mensuris - Design Inspector
Item media 4 (screenshot) for Mensuris - Design Inspector

Overview

Measure. Extract. Build. Inspect CSS, measure distances, and extract design tokens instantly. Every pixel tells a story.

🌟 Design Inspection, Reimagined. Mensuris is the ultimate browser extension for frontend developers, UI/UX designers, and QA engineers. Say goodbye to digging through complex DevTools. With a single click, Mensuris magically reveals the hidden architecture, styles, and assets of any website directly on your screen. 🚀 Key Features 🎨 Live CSS & Tailwind Extractor Hover over any element to instantly extract its exact visual properties, colors, typography, and spacing. Copy raw CSS, Tailwind classes, or Figma tokens with a single click. 📏 Smart Ruler & Measurement Pixel-perfect alignment made easy. Click any element to set an anchor, then hover over other elements to measure exact distances, margins, and padding visually. 🦴 X-Ray Wireframe Mode Reveal the invisible architecture of the web. Instantly strip away complex styling to view the raw DOM structure and box models of nested layouts. 📦 One-Click Asset Extractor Stop hunting for images in the source code. Mensuris scans the entire page and extracts all images, inline SVGs, and background graphics, allowing you to download them instantly in a neat .zip file. ♿ WCAG Contrast Checker Ensure your web apps are accessible to everyone. Instantly verify text-to-background contrast ratios against WCAG 2.1 AA/AAA guidelines. ⚖️ Element Diff Tool Select multiple elements and compare their Typography, Spacing, and Colors side-by-side in a beautiful Diff Panel. Spot inconsistencies in seconds. 🌍 Native Developer Experience Mensuris speaks your language. The UI is fully localized in 7 languages (English, German, French, Spanish, Portuguese, Japanese, and Simplified Chinese) while keeping essential CSS terms in their native English to reduce cognitive load.

Details

  • Version
    1.0.1
  • Updated
    June 1, 2026
  • Size
    365KiB
  • Languages
    5 languages
  • Developer
    Leon Hoscheidt
    Gartenstraße 91 Siegburg 53721 DE
    Website
    Email
    lh.webapps@gmail.com
    Phone
    +49 179 4863699
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

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

Related

Alignment Inspector

5.0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Web Design Scraper

0.0

Extract and inspect web design measurements!

Over.fig – Compare design to website in real time

4.6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Measure It

5.0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Peek - Design & Asset Toolkit

4.8

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Eyedropper Tool - Color Chooser

0.0

Grab any pixel colour from any webpage and copy its HEX code instantly.

Pixel Perfect Extension

5.0

Easily measure pixel-perfect distances between elements on any webpage with intuitive tools. Ideal for developers, designers, and QA

Measuremate — Pixel Ruler for Web Design

4.4

Measure distances, inspect the box model, drop guides on any live page. A pixel ruler for the web — no DevTools.

DesignAssets - Extract Any Website's Design

5.0

Extract colors, fonts, images, SVGs, and CSS from any website. Build design systems in seconds.

Alignment Inspector

5.0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Web Design Scraper

0.0

Extract and inspect web design measurements!

Over.fig – Compare design to website in real time

4.6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Measure It

5.0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Peek - Design & Asset Toolkit

4.8

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Google apps