Comparison of popular CSS grid frameworks. Feel free to contribute!
Website | Like | Number of columns | Dependencies | Fluid / Fixed | Adaptive Layout | Semantic | Nestable | Compatible with IE6 | Works Without Javascript | Optional Integrations | |
---|---|---|---|---|---|---|---|---|---|---|---|
1140 CSS Grid | http://cssgrid.net/ | 12 | None | Fluid w/ max width | Yes | No | No | Yes | Yes | ||
320 and Up | http://stuffandnonsense.co.uk/projects/320andup/ | Not a grid | Yes | No | LESS | ||||||
52 framework | http://www.52framework.com/ | 16 | No | Yes | Yes | ||||||
960 Grid System | http://960.gs/ | 12, 16, or 24 | Fixed | - Via Adapt.js | Yes | Yes | LESS, SCSS, Adapt.js | ||||
978 Grid System | http://978.gs/ | 8, 12, or 16 | Fixed | No | Yes | ||||||
Baseline | http://baselinecss.com/ | ||||||||||
BluCSS | http://designlunatic.com/projects/blucss/ | ||||||||||
Blueprint | http://www.blueprintcss.org/ | ||||||||||
BlueTrip | http://bluetrip.org/ | ||||||||||
Bootstrap | http://www.getbootstrap.com/ | 12 | Both | Yes | Yes | LESS,SCSS | |||||
Cascade Framework | http://cascade-framework.com/ | 1,2,3,4,5,6,7,8,9,10,12,16,24 | None | Both | Yes | Yes | Yes | Yes | Yes | Several templates available, optional Modernizr support, optional jQuery support, skinning support,... | |
Columnal | http://www.columnal.com/ | 12 | Yes | Yes | Yes | ||||||
Content with Style | http://www.contentwithstyle.co.uk/content/a-css-framework/ | ||||||||||
Elastic CSS | http://elasticss.com/ | ||||||||||
Fluid Baseline Grid | http://fluidbaselinegrid.com/ | ||||||||||
Foundation | http://foundation.zurb.com/ | 12 | Yes | No | Yes | ||||||
Frameless | http://framelessgrid.com/ | Infinite | Fixed | Yes | - | Yes | |||||
Golden Grid System | http://goldengridsystem.com/ | 18, 16 usable | Yes | - | Yes | ||||||
HTML KickStart | http://www.99lime.com/elements/ | ||||||||||
inuit.css | http://csswizardry.com/inuitcss/ | ||||||||||
Jaidee Framework | http://develop.karmins.com/jaidee/ | 2,3,4,12 | None | Fluid | Yes | - | Yes Grid system does not use Javascript | Online HTML demo templates and built in template | |||
Less Framework 4 | http://lessframework.com/ | 10 | Yes | - | Yes | ||||||
Mobile Boilerplate | http://html5boilerplate.com/mobile | ||||||||||
MQFramework | http://mqframework.com/ | 12 | Yes | Yes | |||||||
Not Just a Grid | http://www.notjustagrid.com/ | ||||||||||
SenCSs | http://sencss.kilianvalkhof.com/ | ||||||||||
Skeleton | http://www.getskeleton.com | 12 or 16 | Yes | - | Yes | ||||||
The 1Kb CSS Grid | http://1kbgrid.com/ | 9–16 | Both | No | No | Yes | |||||
The Golden Grid | http://code.google.com/p/the-golden-grid/ | 6 or 12 | No | Yes | Yes | ||||||
The Goldilocks Approach | http://goldilocksapproach.com/ | Yes | No | Yes | |||||||
The Semantic Grid System | http://semantic.gs/ | User Defined | LESS, SCSS, or Stylus | Both | Yes | Yes | Yes | Yes | - Depends on dependency implementation | ||
YAML 4 | http://www.yaml.de/ | Infinite | None | Both | Yes | Yes | Yes | Yes | Yes | CMS Integrations (CMSimple, CMS Made Simple, ConceptCMS, Concrete5, Contao, CoreMedia CMS, Contenido, DotnetNuke, Drupal, ExpressionEngine, Gyro-PHP, ImpressCMS, Joomla, MODx, OLAT, OpenPublisher, OpenText, papayaCMS, Papoo, phpwcms, pragmaMX, Redaxo, SilverStripe, TYPO3, Website Baker, WordPress, xt:Commerce, ZMS). |
More comparisons
Comments
Leave a comment
Register Sign in