Alignment Inspector

👥 94 users

📦 v1.0.0

💾 77.02KiB

📅 2026-01-20

View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

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)