Overview
Visualize all spacing gaps and padding at once — perfect for design review
Space Spector is a lightweight Chrome extension for designers, frontend developers, and QA engineers who need to quickly inspect spacing on any webpage without digging through DevTools. How it works Click Activate — Space Spector overlays color-coded highlights across the entire visible page, showing every gap and padding value at a glance. Features • Show all spacing at once — padding, margins and sibling gaps rendered simultaneously • Filter by layer — toggle Horizontal Padding, Vertical Padding, H Gaps and V Gaps independently • Only Horizontal / Only Vertical — one-click modes to focus on a single axis • Ignore elements — exclude navbars, footers or any selector from the overlay • Dark & Light mode — switch the popup UI to match your workflow • Zero performance impact — overlays are fixed-position and pointer-events are disabled Color legend 🟠 Orange — Horizontal padding (left / right) 🟣 Purple — Vertical padding (top / bottom) 🔴 Red — Horizontal gaps between siblings 🔵 Blue — Vertical gaps between siblings Perfect for design handoff reviews, catching inconsistent spacing before shipping, and verifying designs match their specs.
Details
- Version1.2
- UpdatedApril 11, 2026
- Offered bysatheeshrocks77
- Size17.51KiB
- LanguagesEnglish
- Developer
Email
satheeshrocks77@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
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
