Description
Precision spacing measurement tool for web developers and designers. Measure distances, margins, and padding between webpage elements with pixel-perfect accuracy.
π― How to Use:
1. Click the extension icon to activate SpacingJS
2. Hold Alt (Windows) / Option (Mac) and hover over any element
3. Move cursor to another element to see precise measurements
4. Click the icon again to deactivate
β¨οΈ Quick Access:
- Ctrl+Shift+S (Windows) / Cmd+Shift+S (Mac) to activate
- Alt+S to toggle on/off
β¨ What's New in v1.1.0:
- Smart Toggle: Visual feedback shows when active (green dot on icon)
- Keyboard Shortcuts: Quick activation with hotkeys
- Enhanced Measurements: Shows element tag, class, and font size
- Better Compatibility: Works with all element types including SVG
π‘ Pro Tips:
- Hold Shift to keep measurements visible longer (perfect for screenshots)
- Works on any website (except browser internal pages)
Perfect for designers, developers, and QA teams who need precise measurements for pixel-perfect layouts.
Reviews (1 cached)
β
ββββ2024-08-01
Steve Znag
Doesn't work on the browser
Permissions (2)
Permissions
activeTabβΉ Can access the current tab when you click the extension scriptingβΉ Can inject scripts into web pages
Details
| Version | 1.1.0 |
| Updated | Jun 18, 2025 |
| Size | 14.8KiB |
| First Seen | Mar 26, 2026 |
More by Steven Lei
Popular in developer
React Developer Tools
by Meta
5M
β
3.95
developer
5M
β
3.95
developer
Lighthouse
by lighthouse-extension-owners
1M
β
4.42
developer
1M
β
4.42
developer
ΠΠΎΠ½ΡΡΡ.ΠΠ»Π°Π³ΠΈΠ½
by kontur.extension
1M
β
3.11
developer
1M
β
3.11
developer
Similarweb - Website Traffic & SEO Checker
by Similarweb
1M
β
4.66
developer
1M
β
4.66
developer
Clear Cache
by Little Void LLC (Ben Bojko)
1M
β
4.45
developer
1M
β
4.45
developer
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
331M
β
4.40
workflow
331M
β
4.40
workflow
Chrome Remote Desktop
by Chrome Remote Desktop Release Managers
38M
β
3.14
workflow
38M
β
3.14
workflow
Cisco Webex Extension
by cisco.chromestore
24M
β
2.34
social
24M
β
2.34
social
Kami for Google Chromeβ’
by Kami
19M
β
4.56
education
19M
β
4.56
education
Read&Write for Google Chromeβ’
by Texthelp
17M
β
3.44
accessibility
17M
β
3.44
accessibility