I was after a responsive framework which offered the basics and which didn’t impose a preset library of styles and classes. Unable to find a framework of my liking I decided to build my own.

Waistcoat is a modern framework that uses flexbox to build layouts. It is extremely lightweight (20kb minified), does not come with any JavaScript and focuses solely on the creation of responsive layouts.

For my personal tastes I based Waistcoat on a 16 column grid, I also made use of data attributes for styling, not class names. I like to keep my class names reserved for site specific styling without squeezing in lists of media query/column-size references.

Of course, the Waistcoat website is made using the Waistcoat framework.

Visit Website