Gridline — Layout Grid Overlay

Overview

Design and overlay a pixel-accurate column grid — wrapper widths, gutters, and gaps — on any page, per breakpoint.

Design and overlay a pixel-accurate column grid — wrapper widths, gutters, and gaps — on any page, per breakpoint. I was sick of not having my own custom overlay where i can set content wrapper sitewrapper, gap, number of cols, padding, margins, for every breakpoint and look at my site with that sort of overlay information. Now i have it. And now you do too.

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

Details

Version
1.0.2.2
Updated
July 5, 2026
Flag concern
Offered by
zehash
Size
23.46KiB
Languages
English
Developer
Email
zehash.developer@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. 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

For help with questions, suggestions, or problems, visit the developer's support site

Alignment Inspector

5.0

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

Spacing & Size Inspector

0.0

Inspect padding, margin, width, height & more on any element. Built for Squarespace, works everywhere.

Show All Padding & Margins

4.6

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

Visual Zoom

0.0

Zoom a page by scaling its rendered pixels, not by reflowing the layout.

Page Ruler by Browserling – Measure Pixel Distance

5.0

Measure webpage elements, distances, sizes, and angles in pixels with an accurate browser ruler.

Pixel Perfect Extension

5.0

Easily measure pixel-perfect distances between elements on any webpage with intuitive tools. Ideal for developers, designers, and QA

PixelGrid Pro

0.0

Pixel-accurate grid, rulers, guides, and measure tools for designers. Drag or collapse the toolbar.

Responsive Grid Overlay

0.0

Overlay a configurable responsive column grid on any webpage.

ScreenRuler

0.0

Pixel-perfect measurement overlay for designers and developers. Ruler, color picker, and element inspector on any webpage.

Raval — Measure & Inspect Web Pages

0.0

Measure, inspect and annotate any webpage: sizes, gaps, fonts, colours and guides. Free and open source.

Pixel Grid Overlay

0.0

Toggle a pixel grid overlay with adjustable spacing on any webpage. Press Command + Shift + L.

Image Overlay Tool

5.0

Overlay images on any website with draggable positioning and opacity control