Redline

Overview

Visual alignment rulers and layer navigation while you inspect layouts.

Stop squinting at your layouts on the web. Redline offers a shortcut to rulers and properties of any site. Redline is a lightweight, privacy-respecting layout debugger for web developers. Activate the inspector with a click or keyboard shortcut and Redline overlays your page with the tools you actually need while debugging visual issues: Alignment guides that snap to neighboring elements so you can see exactly where things line up — and where they don't. Padding and margin visualization on the element you're hovering, with pixel labels. On-page rulers for measuring distances and double-checking spacing. DOM layer navigation so you can step up and down the element tree without leaving the page. A draggable, collapsible floating button so the inspector is always one click away — and out of your way when it isn't. Keyboard shortcuts: Alt + Shift + R — toggle inspection mode Ctrl/Cmd + Shift + L — alternate toggle (if another extension claims the first one) Privacy: Redline runs entirely locally in your browser. It does not transmit any data to remote servers, does not include analytics, tracking, or advertising, and does not load any remote code. The only thing it stores is a small amount of UI state (floating button position and visibility) via chrome.storage.local on your own device. Built for developers who want a fast, focused alignment and layout debugging tool that gets out of the way.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.1.3
Updated
May 27, 2026
Flag concern
Offered by
theodore.paul.richardson
Size
33.3KiB
Languages
English
Developer
Email
theodore.paul.richardson@gmail.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.

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

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

Measuremate — Pixel Ruler for Web Design

4.4

Measure distances, inspect the box model, drop guides on any live page. A pixel ruler for the web — no DevTools.

Bootstrap grid viewer

3.7

Detects Bootstrap Grid elements on a page and displays visual overlay for them

Grid Overlay Tool

5.0

Add customizable grid overlays to any webpage for alignment checking

Decreased Productivity - Modern

5.0

Discreetly surf the web! Control exactly how you want web pages to look like.

Border Patrol – CSS Debugger & Element Outliner

5.0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

CSS Viewer - Inspect & Copy Any Element's CSS

0.0

Inspect CSS on any page. View matched rules, computed styles, SCSS, Tailwind, and JSX.

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Vertically Listed Tabs

4.4

Manage your tabs vertically and browse quicker!

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Measure It

5.0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Screen Ruler - Measure and Inspect the Web

4.4

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