by dotjay

dotjay /hashgrid

A little tool that inserts a layout grid in web pages, allows you to hold it in place, and toggle be...

458 Stars 49 Forks Last release: Not found Other 84 Commits 9 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


A little tool that inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background.


  • Adaptable for all layout widths and alignments
  • Adaptable for any vertical rhythm value
  • Set keyboard shortcuts to show and hide the grid, hold it in place, toggle it to the foreground and background, and jump between multiple grids
  • Uses a single JavaScript file and a little CSS to control the grid lines, columns and gutters


Download the latest release from:


Install using Bower:

bower install hashgrid#v9

Notes on usage can be found at dotjay.github.io/hashgrid/#installation.


Copyright 2013-2018 Jon Gibbins

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at


Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.


This essentially means that you're free to copy, modify and distribute it for any project so long as you provide clear attribution to the author.

Get in touch if you need a different license. https://dotjay.com/contact

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.