WhatSpace: Design Inspector

About

WhatSpace Know Exactly How Much Space There Is

Stop guessing. Stop measuring with your eyes or taking screenshots. Get instant, precise measurements on any design right inside your browser.
Modern developers are getting beautiful UIs from AI tools. The previews look amazing, but when it’s time to code, you’re left wondering:

“Title aur body ke beech kitna space hai?”
“Side padding kitna hai?”
“ Yeh gap 24px hai ya 32px?”
WhatSpace fixes this pain.

Just install the extension, open any design preview or website, and start inspecting instantly.
What You Can Do with WhatSpace:
• Smart Ruler
Click any two elements or drag while holding Alt to measure exact distance in pixels and rem. Accurate, fast, and frustration-free.
• Powerful Element Inspector
Click any element and instantly see:

Padding on all four sides
Margin values
Flex or Grid gap
Font size, line-height, and letter-spacing
Border radius
Width & height (in px and %)
Smart Tailwind class suggestions

Screen-Aware Measurements
Understand how spacing behaves across real devices. Automatically shows values at common breakpoints (mobile, tablet, desktop) so you can build responsive designs with confidence.