Create better vertical rhythm on your websites. 🎨
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


A tool that helps your to create better vertical rhythm on your websites.

How to use gridddle

  1. Move or copy the gridddle.js file to your web project.

  2. Insert gridddle.js to your web file. For example, into your index.html.

  3. Open the gridddle.js file and insert your baselineGridHeight.

//This will create a 8px baseline grid
  1. Reload your web page and you will see the baseline grid.

  2. Now you can start to adjust your elements to the baseline grid.