Item logo image for Alignment Inspector

Alignment Inspector

5.0(

2 ratings

)
Item media 1 (screenshot) for Alignment Inspector

Overview

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Quickly check if elements on any webpage are properly aligned. Perfect for designers, developers, and QA testers who need pixel-perfect layouts. HOW IT WORKS 1. Click the extension icon to activate 2. Click on any element to select it 3. Select additional elements to compare alignment 4. See instant visual feedback with alignment guides FEATURES • Visual alignment guides - Vertical and horizontal lines through element centers and edges • Multi-element comparison - Select up to 100 elements and compare them all • Live measurements - See exact pixel differences for center, left, right, top, and bottom edges • Hover preview - See alignment guides before selecting • Draggable panel - Move the info panel anywhere on screen • Draggable badges - Reposition element number badges as needed • Keyboard shortcuts - Press Escape to clear selections WHAT IT MEASURES • Center X & Y alignment • Left edge alignment • Right edge alignment • Top edge alignment • Bottom edge alignment ✅ = Aligned (within 0.5px) ❌ = Misaligned (shows exact pixel difference)

Details

  • Version
    1.0.0
  • Updated
    January 20, 2026
  • Offered by
    Engin Can
  • Size
    77.02KiB
  • Languages
    English (United States)
  • Developer
    Email
    sit_krill9v@icloud.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

Manage extensions and learn how they're being used in your organization
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

Related

Pixel Counter

5.0

Use Pixel Counter to measure pixels and use it as a ruler online or online lineal for web design, UI checks, and screen layouts

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Page Ruler

2.5

Page Ruler: Drag guidelines and inspect element sizes for perfect UI alignment in Chrome.

SpacingJS

4.3

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

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Guide lines

4.2

Easily check the visual alignment of the page elements.

PixGrid Ruler

4.3

Your Pixel-Perfect Ruler for Measuring Web Elements

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Dimensions

5.0

You will like Dimensions as it allows you to measure elements on a page in pixels, like a page ruler.

Page Align Center

4.0

Page Align Center centers web pages, making them useful for ultra-wide screens or left-aligned websites.

Page Ruler: Your Web Design Companion

3.0

Page ruler extension to measure elements on web pages. An advanced page ruler tool to measure the size of web elements in pixels.

Pixel measurement

4.5

Pixel measurement: An online ruler for measuring pixels on screen

Pixel Counter

5.0

Use Pixel Counter to measure pixels and use it as a ruler online or online lineal for web design, UI checks, and screen layouts

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Page Ruler

2.5

Page Ruler: Drag guidelines and inspect element sizes for perfect UI alignment in Chrome.

SpacingJS

4.3

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

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Guide lines

4.2

Easily check the visual alignment of the page elements.

PixGrid Ruler

4.3

Your Pixel-Perfect Ruler for Measuring Web Elements

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Google apps