Grid Ruler

Name: Grid Ruler
Rating: 3.775147928994083 (338 reviews)
Author: tgohn

Create grids and measure their distance easily.

Download

Install Compare

Grid Ruler is a powerful Chrome extension tailored for web developers and designers who need to create precise vertical and horizontal grid guides similar to Photoshop's style. Users can click and drag from the main vertical or horizontal rulers to quickly set grids on any webpage, facilitating layout design and alignment.

The extension also features a ruler tool that measures distances between grid lines effortlessly. By clicking on the intersection of vertical and horizontal rulers, you can enter measurement mode. Holding the Shift key while in this mode allows you to draw perfectly straight measurement lines. Grid Ruler streamlines the process of developing pixel-perfect web layouts and enhances productivity by simplifying grid creation and measurement tasks.

Developer Tools Design Productivity

By:

tgohn

Users:

100,000+

Rating:

3.78

(338)

Version:

0.3.0 Last updated: 2024-10-17

Creation date:

2014-04-15

Risk:

Permissions:

activeTab
scripting

Size:

294.91K

Email:

ev*****@icloud.com

Full description:

Source:

Chrome Web Store

Updated:

a day ago

Ranking

# 1,773 ▼ 38

Other rankings

#2630 in Developer Tools ▲ 1 #1 in grid keyword 26 #40 in line keyword 47 ▲ 1 #215 in create keyword 26 ▼ 2

User reviews

Users find Grid Ruler simple, reliable, and very useful for quick alignment and measurement tasks in web development. It replicates Photoshop-like grid lines, aiding designers who do not use advanced tools. However, the extension hasn't been updated in years, causing issues like lack of support in responsive mode and Chrome DevTools, inability to save rulers across refreshes, and UI limitations such as fixed grid color and no clear-all function. Despite flaws, many users appreciate its straightforward functionality.

Pros

Simple and easy to use, performs its function well without complexity.
Very useful for quick measurements and alignment, especially for web and frontend development.
Provides grid lines similar to Photoshop, helpful for website design and ensuring proper alignment.
Helps in designing websites without needing advanced tools like Figma, suitable for Wordpress and general web design.
Appreciated for being reliable and effective over many years despite lack of updates.

Cons

Does not work properly in responsive mode or Chrome DevTools device toolbar, limiting usefulness for frontend development and testing.
Lack of updates for many years leads to some features malfunctioning or missing, such as saving/auto-loading rulers after refresh.
No option to change the grid ruler color, making it hard to see on bright or varying backgrounds.
Cannot clear all rulers easily; users request a clear button.
Ruler overlays content rather than pushing content aside, which can be inconvenient during design.

Recent reviews

Works as designed, helped me a lot

Nikita Pushkin, 2025-04-20

супер

Mikhail, 2025-04-06

Very usefully, thank You.. missing only to save/auto load rulers on hard page refresh.

Dawid Moskalczuk, 2025-03-31

View all user reviews ›

Extension safety

Risk impact

Grid Ruler does not require any sensitive permissions.

Risk impact analysis details

Risk likelihood

Grid Ruler is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Risk likelihood analysis details

High This extension has low user count. Unpopular extensions may not be stable or safe.
Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* *** **** **** *******

Upgrade to see full risk analysis details

Instantly check and monitor your browser extensions' risks and permissions with Extension Guard.