Design Grid Overlay

Design Grid Overlay 1.0.1 CRX for Chrome

A Free Developer Tools Extension

Published By Design at eBay

Design Grid Overlay (kmaadknbpdklpcommafmcboghdlopmbi): This extension displays grid and measurement overlays for a design grid system. It is configurable to fit many design scenarios ... Read More > or Download Now >

Design Grid Overlay for Chrome

Download CRX


826.28 KB


Tech Specs

  • • Type: Browser Extension
  • • Latest Version: 1.0.1
  • • Price: Freeware
  • • Offline: No
  • • Developer: Design at eBay

User Reviews

  • ★★★★☆
  • • Rating Average
  • 4.34 out of 5
  • • Rating Users
  • 41

Download Count

  • • Total Downloads
  • 60
  • • Current Version Downloads
  • 60
  • • Updated: July 25, 2017

Design Grid Overlay is a free Developer Tools Extension for Chrome. You could download the latest version crx file and install it.

More About Design Grid Overlay

Using a design grid is an established way to create visual harmony and rhythm across an entire piece of visual media, especially a website. This design grid plugin can be configured to work with many popular grid systems including Bootstrap, Skin, Pure, Susy, Foundation, and many more.

This extension lets you enter a grid specification of columns, gutters, and widths, and then display grid guides and element measurements to align the content on your page.

v1.0.1 - bug fix for grid settings

v1.0.0 - Added keyboard shortcuts. Added the ability to use shift + click or shift + up/down to adjust values by 10 instead of 1.

v0.5.2 - Added horizontal lines

v0.5.1 - Fixed bug where the large Grid toggle button was not clickable after a recent Chrome browser update.

v0.5.0 - Added Content Width Labels in the Report tab, which show the content width (inner width, without borders or padding) of any elements using a CSS selector. This feature can be useful in customizing your CSS media queries and grid-aligned containers to ensure proper minimum and maximum sizing, regardless of screen size.

More Extensions to Consider (Similar or Related)