Hex-Grid

Show grid lines directly on any web page and also calculate pixel distances between elements.

What is Hex-Grid?

Hex-Grid is a Chrome extension that enables you to visualize grid lines and calculate pixel distances on any web page. Simply pull out vertical and horizontal lines to build grids, delete lines easily, and calculate distances between elements with a simple click. Toggle grid visibility for convenience. Enhance your web design and development workflow with Hex-Grid.

Download

Stats

By: thehexcord

View on Chrome Web Store

Users: 92 ▼ -2

Version: 1.0.2 (Last updated: 2020-11-22)

Creation date: 2020-11-16

Risk impact: Very low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

activeTab
contextMenus

Size: 47.91K

Email: th*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 64327 ▼ 215

Other rankings

#1274 in Developer Tools ▲ 2 #30 in grid keyword 24 ▲ 2 #159 in line keyword 50 ▲ 14 #211 in toggle keyword 21 ▲ 6

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

Have you ever wanted to visualize grid lines directly on web pages or calculate pixel distances between elements on a web page? Then this should be useful to you.

After activating the extension, you can build grids by pulling out vertical lines from the left of the web page and pulling out horizontal lines from the top of the web page.

Delete grid lines by selecting on the line to focus and using either the Backspace or Delete keys.

Calculate pixel distances by clicking to select the starting point and moving the cursor to the destination element.

Toggle the visibility of grid by right-clicking and selecting Toggle Grid Visibility.