Top 20 CSS Frameworks

October 20, 2010. Written by Stefan Nistor

Cascading Style Sheets (CSS) is a style sheet language used to style web pages written in HTML and XHTML. In other words, CSS is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents.

Although CSS is considered a relatively easy language, there are numerous frameworks that make the coding process a lot faster and accurate. This post includes a collection of Top 20 CSS Frameworks. Browse it and pick up your favorite, or recommend a framework that is not listed here. Enjoy!

BluePrintCSS


Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
check it out

960 Grid System


The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
check it out

ElastiCSS


A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.
check it out

YUI Grid CSS


The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations.
check it out

Elements CSS


Elements is a down to earth CSS framework. It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework, it’s its own project workflow.
check it out

YAML


Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.
check it out

jQuery UI CSS


jQuery UI includes a robust CSS Framework designed for building custom jQuery widgets. The framework includes classes that cover a wide array of common user interface needs, and can be manipulated using jQuery UI ThemeRoller.
check it out

xCSS


xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features.
check it out

Baseline


Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system.
check it out

52Framework


52framework claims to be the first CSS3/HTML5 framework. Properties: 16 column, 52 pixel based with 8 pixel gutter.
check it out

Tripoli Framework


Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.
check it out

BlueTrip


A full featured and beautiful CSS framework which originally combined the best of Blueprint, Tripoli (hence the name), Hartija, 960.gs, and Elements, but has now found a life of its own.
check it out

SenCSS


SenCSS stands for Sensible Standards CSS baseline, (pronounced “sense”). It supplies sensible styling for all repetitive parts of your CSS, and doesn’t force a lay-out system on you. This allows you to focus on actually developing your website’s style.
check it out

LogicCSS


The Logic CSS framework is a collection of CSS files and a toolset designed to cut development times for web-standards compliant web layouts and templates.
check it out

Typogridphy


Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS.
check it out

Content with Style


A framework that allows rapid development of sites with pre-written and tested components.
check it out

Mollio


Mollio is a simple set of html/css templates. The aim was to create a set of page templates that use css for layout as well as some sample basic content which has also had some css applied.
check it out

FEM CSS Framework


FEM CSS Framework is a 960px width + 12 column grid system + CSS common styles, to easy and fast develop web layouts. It is based in the 960 Grid System, but with a twist in the philosophy to make it more flexible and faster to play with boxes.
check it out

Unobtrusive CSS


A very lightweight and simple framework that helps you develop a solid firmament for your website.
check it out

Emastic


Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.
check it out

Comment to suggest your favorite CSS Framework. Don’t miss a post, subscribe to our RSS feed and follow us on Twitter.

About Propeople

Propeople is a full-service creative web agency that delivers outstanding services in all aspects of web experience. We make websites that fulfill their purpose and deliver results. We use a blend of strategy, design and technology to surpass the actual stats and exceed the uttermost expectations.

3 Comments

Leave a comment

List
Grid

October —
December 2010

The Best Online PHP Editors

In this post I’ve listed the best PHP editors you can use no matter where and no matter when.

Top 10 Online HTML Editors

In this post I've listed the top 10 online HTML editor's you can use no matter where and no matter when.

Outstanding Typography Resources

Despite tremendous resources available online, we dare to present yet another collection of outstanding typography resources: articles, tools, websites, books and free font collections just to make your typography work easier and the Web a better looking place.

Useful jQuery Plugins You Should Know About

A list of over 20 useful jQuery plugins every web designer and web developer should at least know about. Enjoy!

The Ultimate HTML5 Resources Roundup

Here you can find some of the most useful HTML5 tutorials, websites, books, frameworks and videos which will certainly give you some proper HTML5 knowledge.

Best Web Design and Web Development Tutorials Roundup [October 2010]

This article contains a roundup of 20 great tutorials written by various Web Designers and Web Developers in October 2010.

Simply mind-blowing iPhone applications for Web Developers

We are happy to present you another 20 must-have iPhone applications, this time for Web Developers.

Top 20 CSS Frameworks

This post includes a collection of Top 20 CSS Frameworks. Browse it and pick up your favorite, or recommend a framework that is not listed here.

Simply mind-blowing iPhone applications for designers

In this post we included 20 the most useful iPhone applications for web/graphic designers. You definitely should use them or at least try out.

The Best Presentations at DrupalCon 2010

We have selected the best presentations from both DrupalCon events in 2010: DrupalCon San Francisco and DrupalCon Copenhagen.

December 2010

The Best Online PHP Editors

by Stefan Nistor

written on 20 December 2010

In this post I’ve listed the best PHP editors you can use no matter where and no matter when.

Top 10 Online HTML Editors

by Stefan Nistor

written on 10 December 2010

In this post I've listed the top 10 online HTML editor's you can use no matter where and no matter when.

November 2010

Outstanding Typography Resources

by Stefan Nistor

written on 29 November 2010

Despite tremendous resources available online, we dare to present yet another collection of outstanding typography resources: articles, tools, websites, books and free font collections just to make your typography work easier and the Web a better looking place.

Useful jQuery Plugins You Should Know About

by Stefan Nistor

written on 10 November 2010

A list of over 20 useful jQuery plugins every web designer and web developer should at least know about. Enjoy!

The Ultimate HTML5 Resources Roundup

by Stefan Nistor

written on 02 November 2010

Here you can find some of the most useful HTML5 tutorials, websites, books, frameworks and videos which will certainly give you some proper HTML5 knowledge.

October 2010

This article contains a roundup of 20 great tutorials written by various Web Designers and Web Developers in October 2010.

Simply mind-blowing iPhone applications for Web Developers

by Stefan Nistor

written on 26 October 2010

We are happy to present you another 20 must-have iPhone applications, this time for Web Developers.

Top 20 CSS Frameworks

by Stefan Nistor

written on 20 October 2010

This post includes a collection of Top 20 CSS Frameworks. Browse it and pick up your favorite, or recommend a framework that is not listed here.

Simply mind-blowing iPhone applications for designers

by Stefan Nistor

written on 13 October 2010

In this post we included 20 the most useful iPhone applications for web/graphic designers. You definitely should use them or at least try out.

The Best Presentations at DrupalCon 2010

by Stefan Nistor

written on 05 October 2010

We have selected the best presentations from both DrupalCon events in 2010: DrupalCon San Francisco and DrupalCon Copenhagen.