SpacingJS icon

SpacingJS

by Steven Lei

v1.1.0 Updated Jun 18, 2025 14.8KiB
CWS
2K
Users
β˜… 4.27
11 reviews
#6586
of 87K
developer
#523 of 7.6K

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.
SpacingJS screenshot 1SpacingJS screenshot 2SpacingJS screenshot 3

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