HTML5 Zone is brought to you in partnership with:

My name is Jean-Baptiste Jung and I’m a 29 years old web developer and professional blogger. I was born and raised in Paris, France and I now live in Belgium with my wife and our adorable cat. I first used the internet in 1998, built my first website in 2001 and finally started to work as a professional web developer in 2005. In 2010, I left my job and created my own web development studio. jb is a DZone MVB and is not an employee of DZone and has posted 55 posts at DZone. You can read more from them at their website. View Full User Profile

Awesome CSS Libraries, Boilerplates, and Frameworks

08.01.2013
| 3444 views |
  • submit to reddit

When starting a new project, using a CSS framework or boilerplate can help you save a lot of time. In this article, I have compiled my favorite CSS boilerplates, frameworks and libraries to help you be more efficient when building websites or apps.

Bootstrap


If you want to give your new project a professional look and feel, Bootstrap might be the tool you need. It features a very clean typography and form elements, as well as almost all you need to design a modern website.
More info: http://twitter.github.io/bootstrap/index.html

Foundation


Brought to you by Zurb, Foundation is a very interesting tool which is perfect for creating responsive webpages. Foundation comes with a lot of different layout templates so you’ll definitely save a lot of time when starting your new project.
More info: http://foundation.zurb.com/

Compass


Compass is an open-source CSS authoring framework. It uses Sass, an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Definitely worth giving a try!
More info: http://compass-style.org/

Profound Grid


Here is a responsive grid system for fixed and fluid layouts, all built in SCSS. If you’re planning to develop a layout based on a grid, you should definitely have a look at Profound Grid.
More info: http://www.profoundgrid.com/

Kube


Kube is a simple and minimalistic CSS framework based on a flexible grid and beautiful typography. Probably the right tool for you if you’re looking for a lightweight framework with no imposed styling!
More info: http://imperavi.com/kube/

Topcoat


I know that I've already written about Topcoat a lot on CWC lately, but really, Topcoat is awesome! A great CSS framework if you want to be able to create a professional-looking website quickly and easily.
More info: http://topcoat.io/

Skeleton


Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.
More info: http://www.getskeleton.com/

Pure CSS


Pure is a set of small modules that you can use as a basis for almost every web project. It features grids, forms elements, menus, tables and a lot more.
More info: http://purecss.io/

KNACSS


KNACSS is a minimalist, responsive and extensible CSS framework to kick-start your HTML/CSS projects.
It handles basic elements, box sizing, margins, floats, simple and complex aligns, positioning, layout grids, gutters, old IE fallbacks and last but not least responsiveness, everything automagically!
More info: http://www.knacss.com/

Metro UI


Do you like the Windows 8 style? If yes I bet you’ll enjoy Metro UI, a CSS framework which allows you to create websites with a Windows 8 look and feel.
More info: http://metroui.org.ua/

Published at DZone with permission of jb j, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)