Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.
Users
2,000
0 in 30 days
Rating
4.3 / 5
unchanged in 30 days
Ratings
11
0 in 30 days
Store rank
#21K
#17K among extensions
Version
1.1.0
updated 18 Jun 2025
Users
monthly, 3 years
Latest, 15 Oct 2026:2,000 usersMove the mouse over the chart for any month
Ratings count
monthly, 3 years
Latest, 15 Oct 2026:11 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About SpacingJS
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.