CSS framework

From HandWiki
Short description: Library allowing for more standards-compliant web design

A CSS framework is a library allowing for easier, more standards-compliant web design using the Cascading Style Sheets language. Most of these frameworks contain at least a grid. More functional frameworks also come with more features and additional JavaScript based functions, but are mostly design oriented and focused around interactive UI patterns. This detail differentiates CSS frameworks from other JavaScript frameworks.

Two notable and widely used examples are Bootstrap and Foundation.

CSS frameworks offer different modules and tools:

Bigger frameworks use a CSS interpreter like Less or Sass.

List of notable CSS frameworks

Name Latest release (date) License Grid Units Features No. of columns
Blueprint 1.0.1 (May 14, 2011)[1] MIT License Typography, forms, print, plugins for buttons, tabs, and sprites.
Bootstrap 5.2.3 (November 21, 2022)[2] MIT License
(Apache License prior to 3.1.0)
fixed, fluid, responsive px, % Layout, typography, forms, buttons, navigation, media queries, .sass files, JavaScript libraries, RTL layout. Any, default 12[3]
Foundation 6.7.5 (July 13, 2022) [4] MIT License fluid px, % Responsive layout, source ordering, typography, forms, buttons, navigation, media queries, and JavaScript libraries. Any, default 12[5]
YAML 4.1.2 (July 28, 2013)[6] CC-BY 2.0 fixed, elastic, fluid px, em, % Layout, grids, columns, forms, buttons, progressive linearization for responsive layouts, float handling, navigation, typography, accessibility, and add-ons. (accessible tabs, RTL-support, and microformats) Any
YUI CSS grids 3.18.1 (October 22, 2014)[7] BSD-3 fixed and fluid
Tailwind 3.0 (November 5, 2021) MIT License fixed, fluid, responsive Any

See also

  • Comparison of layout engines (Cascading Style Sheets)