Mensuris - Design Inspector

About

🌟 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.