Grid Ruler

Overview

Create grids and measure distances, Photoshop style, for web developers. by AIO.com.ai

Overlay vertical column grids and horizontal row grids on any page, Photoshop style. Set columns and gutter, choose row spacing, and use the measure tool to click-drag for the exact pixel distance — the overlay never blocks the page by AIO.com.ai.

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

Details

Version
1.0.0
Updated
July 7, 2026
Flag concern
Size
27.42KiB
Languages
8 languages
Developer
Email
hubabubapupa2@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

Grid Lines Ruler

4.3

Create grids on pages that provide the developers visual hints to help in developing the web app layouts.

Page Ruler by Browserling – Measure Pixel Distance

5.0

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

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

SpacingJS

4.3

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

Distance Measurer

5.0

A simple distance measuring tool for web pages

Measuremate — Pixel Ruler for Web Design

4.4

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

Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

0.0

Measure anything on a web page — pixel distances, element sizes, margins & spacing. Color eyedropper. No login, no tracking.

Pixel Ruler

1.0

Measure the distance between any two elements on a webpage with pixel-perfect precision

Measure It

5.0

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

Tape

4.6

Measurement tools, rulers and grids

Gridlines

5.0

Photoshop-like draggable gridlines with rulers

Browser Ruler

0.0

Measure UI elements and create guide lines on any webpage.