CSS framework

This is an old revision of this page, as edited by 96.45.202.246 (talk) at 22:15, 19 November 2013. The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

CSS frameworks are pre-prepared libraries that are meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language.

List of CSS frameworks

Grid systems

Name Latest release/Date License Fixed, fluid or elastic Units (px,em,%) Features # of columns
960 grid system October 21, 2011 GPL, MIT License fixed px source ordering 12, 16, 24
Blueprint 1.0.1 (May 14, 2011) MIT License typography, forms, print. plugins for buttons, tabs and sprites.
Bluesky grid system April 17, 2013 Openpassorn license v1.0 responsive px,% responsive grid system 12
Cascade Framework 1.5 (August 28, 2013) MIT hybrid px,% Grid, layout, typography, forms, buttons, navigation, panels, media queries + more Any
Cascade Framework Light 1.1 (July 23, 2013) MIT hybrid px,% Grid, layout, typography, forms, buttons, media queries + more Any
Columnal CSS grid system 0.85 CC BY-SA 3.0 fluid max width 1140px, columns in % responsive, sub-columns, pre- and suffix classes, media queries, responsive image sizing 12
Floatz 1.1.2 (July 17, 2012) Apache License v2.0 fixed and fluid % Robust. Easy to use. For content based websites as well as web based / rich applications. Complex forms layout. Optional integration with GWT. Any
Fluidable 1.1.0 (September 08, 2013) CC0 1.0 fluid % Lightweight responsive grid system, mobile first, fixed gutters, any number of columns Any
Foundation Zurb 4.x (2013) MIT License fluid px,% Responsive Layout, source ordering, typography, forms, buttons, navigation, media queries, js libraries 12
Gumby Framework (2.5) October 2013 MIT License fluid %, px responsive, media queries, hybrid grid PSD templates, UI kit, typography forms, buttons, navigation, js libraries, vertical alignment 12, 16 + any
Jaidee Framework (3.7) October, 2013 Openpassorn license v1.0 fluid px, % A lightweight CSS Framework with Responsive CSS Layout, grid system, typography, forms, buttons, navigation, media queries, js librarie, slideshow, js tab, Responsive modal popup 4,6,12
Jeet Framework (3) October, 2013 MIT License fluid %, px, em A light, semantic, responsive, Stylus/CSS framework built from the best parts. IE8+, fractional columns, consistently sized, infinitely nestable gutters. Any, on the fly
Pure BSD License
RÖCSSTI August 15, 2013 CC-BY fixed, elastic, fluid, responsive px, em, % Layout, typography, forms, media queries, + .less file + .scss file Any
Semantic 1.2 (January 11, 2012) Apache License v2.0 px, % responsive
Ink V2 (June 2013) MIT license elastic px, em, % Responsive, percentage based grid (for three screens, expandable to more), Typography, Forms, Tables, FontAwesome, Navigation, Alerts. Includes own JS library with several ready to use UI componets. Any, percentage based
skeleton V1.2 (6/20/2012) MIT license responsive Responsive Grid Down To Mobile, Fast to Start, Style Agnostic. Base grid is a variation of the 960 grid system. 12
Twitter Bootstrap 3.0.0 (August 19, 2013) Apache License v2.0 fixed, fluid, responsive px,% Layout, typography, forms, buttons, navigation, media queries + more, + .less files + js libraries 12
YAML 4.0.1 (March 12, 2012) CC-BY 2.0 fixed, elastic, fluid px, em, % Layout, grids, columns, forms, buttons, progressive linearization for responsive layouts, float handling, navigation, typography, accessibility, add-ons (accessible tabs, rtl-support, microformats) any
Yet Another CSS Grid System 1.0 public domain fluid, responsive a very small easy to use responsive css grid system 6
YUI CSS grids 3.5.1 BSD-3 fixed and fluid
Zass 1.0 (January 24, 2012) LGPL License fluid % semantic (doesn't pollute HTML with classes), clean (no CSS hacks neither negative margins), any number of columns, infinite nesting of columns Any
KNACSS 2.6 (July 2013) CC-BY fixed, elastic, fluid, responsive px, em, rem, % CSS reset, reusable classes, best practices and conventions, CSS snippets, positioning models, advanced positioning (FlexBox), high browser support, grids and gutters, responsive webdesign, table classes, forms classes, LESS version, Sass version Any

Grid generators

Name Supported grid systems
gridsystemgenerator.com 960.gs, golden grid, 1kb grid, simple grid

See also