The Responsive grid generator
Created by Erskine Design
Creating a Responsive grid system just became a total breeze…
Gridpak is the starting point for your responsive projects, improving your workflow and saving time. Create your responsive grid system once using the simple interface and let Gridpak do the heavy lifting by generating PNGs, CSS and JavaScript.
We think it’s the best and most flexible way to devise a responsive layout. You control every aspect of the grid from column padding to where ‘break points’ occur. Our simple interface makes it quick and easy to visualise your responsive grid system and output it in the formats you need to make a lightning quick start to any project.
The CSS that Gridpak generates is compatible with IE 8+, however it makes use of some
more experimental CSS properties such as the media query, box-sizing
and background-clip properties so we suggest using it in conjunction with a library
such as Modernizr to ensure backwards compatibility.
A CSS file with all the classes and properties you need to create a responsive grid layout. A LESS file with much the same information but including variables, mixins and methods to help you. An SCSS file like the LESS file, but in SCSS.A semi transparent PNG image for each grid you have created to help with your design, or with lining things up in your front end. And a JavaScript snippet that allows you to toggle an overlay of your grid on and off in any browser using the 'G' key.
As the title says, we are currently in open Beta and will be actively developing and improving
Gridpak. If you have any feedback, feature requests or use Gridpak for a web project
we’d love to hear from you. For all the latest updates
please follow @Gridpak on Twitter.