Web Lines

A developer tool to draw alignment lines and inspect spacing, styles, and dimensions with pixel-perfect precision.

Web Lines is a powerful suite of tools for developers and designers who demand pixel-perfect precision when building websites. Easily inspect any webpage to understand its layout and structure: 📏 Draw vertical and horizontal alignment lines 🎯 Click to exact pixel positions with mouse or keyboard shortcuts 🧱 Visualize box model layers — Margin, Border, Padding, and Content 👁️ Hover to preview element size 🔍 Inspect styles like font, color, background, and spacing 🎨 Customize grid overlays, line colors, and opacity to match your design needs 🧹 Clear all or last lines instantly, toggle visibility, or enable grid overlays Whether you're debugging CSS, aligning interface elements, or fine-tuning spacing, this tool gives you everything you need — directly on the live webpage. 👋 Heads up: Chrome may show a "Proceed with Caution" warning when installing. This is normal for newer extensions and safe to proceed. Web Lines requests only minimal permissions and does not collect any data.