DevLens — Design Handover Inspector
Stop guessing pixels. Inspect any element's box model, typography, colors, spacing, and layout properties.
Upgrade to view the full paid extension report
Public basics remain visible. Paid access adds payment clues, related extensions, and more review detail.
DevLens — Design Handover Inspector Media preview
7-day user preview
Free accounts only see a short preview for paid extensions.
User Growth Over Time
7-day rating preview
The rating curve is shortened in preview mode.
30-day rating change
Daily, weekly, and monthly growth
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Version, languages, and crawl freshness
Review publication date, version, supported languages, and crawl timestamps.
Product summary
Review the store description, core capabilities, and common use cases.
Stop switching between browser DevTools and your design specs. DevLens gives you a clean, visual inspector that shows exactly what developers need — no digging through computed styles.
🔍 One-Click Element Inspection
Hover over any element to see its box model, spacing, typography, and colors in a clean side panel. Click to lock the selection and explore every detail.
📏 Measure Distances
Shift+click any two elements to see the exact pixel distance between them — with visual connectors drawn right on the page.
🎨 Color Palette Extraction
Recent review snapshot
Inspect the latest comments and rating distribution.
More reviews require paid access
The rating summary remains visible. Paid access includes more synced review text.
Similar and related extensions
Review related products from the Chrome Web Store detail page.
Related paid products require paid access
Upgrade to compare similar products and adjacent extensions.
