Item logo image for SpacingJS

SpacingJS

spacingjs.com
4.6(

10 ratings

)
Item media 3 (screenshot) for SpacingJS
Item media 1 (screenshot) for SpacingJS
Item media 2 (screenshot) for SpacingJS
Item media 3 (screenshot) for SpacingJS
Item media 1 (screenshot) for SpacingJS
Item media 1 (screenshot) for SpacingJS
Item media 2 (screenshot) for SpacingJS
Item media 3 (screenshot) for SpacingJS

Overview

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

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.

4.6 out of 510 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.1.0
  • Updated
    June 18, 2025
  • Size
    14.8KiB
  • Languages
    English
  • Developer
    Website
    Email
    contact@stevenlei.com
  • Non-trader
    This 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

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Support

Related

CSS Peeper

4.4(409)

Inspect website styles in seconds. Supercharge your workflow, and save hours of work.

Measuremate

4.5(44)

The ultimate measuring tool for the web

LocatorJS

4.4(77)

LocatorJS Chrome Extension - option-click to code (ReactJS)

FeHelper(前端助手)

4.7(326)

JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!

Designer Tools

4.7(231)

A collection of tools to help you design and develop websites with precision.

Console Importer

4.6(20)

Import JavaScript and CSS resources from console, with one command

Vue.js devtools (beta)

3.8(151)

DevTools browser extension for Vue.js

Dimensions

4.1(457)

A tool for designers to measure screen dimensions

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

element-spacing

3.4(5)

page css ruler;page measure tools;Get page's/element's size/margin/padding/spacing info

SimpRead - Reader View

4.8(2.1K)

Immersion-reading mode of Chrome extensions, similar to Safari read mode.

稀土掘金

3.5(354)

为程序员、设计师、产品经理每日发现优质内容。

CSS Peeper

4.4(409)

Inspect website styles in seconds. Supercharge your workflow, and save hours of work.

Measuremate

4.5(44)

The ultimate measuring tool for the web

LocatorJS

4.4(77)

LocatorJS Chrome Extension - option-click to code (ReactJS)

FeHelper(前端助手)

4.7(326)

JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!

Designer Tools

4.7(231)

A collection of tools to help you design and develop websites with precision.

Console Importer

4.6(20)

Import JavaScript and CSS resources from console, with one command

Vue.js devtools (beta)

3.8(151)

DevTools browser extension for Vue.js

Dimensions

4.1(457)

A tool for designers to measure screen dimensions

Google apps