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.
3 Comments
Tried the 960, and while I like the Photoshop grid to build on, I’m not sure how I feel about using a CSS grid yet. Good list though…I didn’t know there were that many out there.
YAML (Yet Another Multicolumn Layout) folosesc, până la moment sunt mulțumit
Nice collection. Thanks…
Leave a comment