Mensuris - Design Inspector

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.