Frag is a fluid, responsive, simple grid system for CSS written in Sass.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Frag is a fluid, responsive, simple grid system for CSS written in Sass.

Current Version: 2.1.1
Full Support: Android Browser 2.2–4.2, Firefox 3.6, Firefox 4–19, Google Chrome 14–25, Internet Explorer 8–10, Mobile Safari iOS 3–6, Opera 12.10, Safari 5–6
Degraded Support: Internet Explorer 6–7 (fixed width grid and lose a little functionality, but content is still presentable)



Frag is easy to use and highly configurable, you can use it with either plain CSS or Sass. The Frag website has the full documentation.


In order to build CSS from the Frag source files, you'll need to install the Sass command line utility. If you're on Windows, you'll need to install Make.

Once you're set up, you can run the following commands:

$ make compile # compile Sass source to CSS
$ make minify # compile Sass source to CSS and minify

When no build target is specified, make will run minify and compile. This means you can use the following command for brevity:

$ make

Work on files in the lib directory; files in build are generated by the build tools. Please run make and commit generated files before opening a pull request.


Frag 1.0 supported LESS as well as Sass, and handled things a little differently. The Frag 1.0 source is still available here.


Copyright 2013, Rowan Manning
Licensed under the MIT license.