CSS framework

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search

A CSS framework is a software framework that is meant to allow 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 unobtrusive. This differentiates these from functional and full 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[edit]

Grid systems[edit]

Name Latest release (date) License Grid Units Features No. of columns
Blueprint 1.0.1 (May 14, 2011) MIT License Typography, forms, print, plugins for buttons, tabs, and sprites.
Bootstrap 4.2.1 (December 21, 2018) MIT License
(Apache License prior to 3.1.0)
fixed, fluid, responsive px, % Layout, typography, forms, buttons, navigation, media queries, .sass files, JavaScript libraries. Any, default 12[1]
Bulma 0.7.4 (February 8, 2019) MIT License Flexbox based, Fully responsive, grid px, % Layout, typography, forms, buttons, navigation, .sass files, Easy-to-learn syntax, No JavaScript. Any, default 12[2]
Wellcome CSS 3.2.1 (July 7, 2018) FREE Fully Responsive px, % Typography, text and font decoration, text color, text align, background color, grid xystem, navigation bar, button, box, title box, panel, message box, table structure, circle-radius, plugins, gradient generator, responsive images, image effects, hover effects, align, progress bar, breadcrumb, pagination, badges, tags, lists, forms, help class, flexible-box layout, slider, photo gallery, offset fix, closeable box, modal, accordion with plus and minus, tab, dropdown, mobile menu, and filters. 12 Grid [3]
Cascade Framework 1.5 (August 28, 2013) MIT fixed, elastic, fluid, responsive px, % Grid, layout, typography, forms, buttons, and media queries. (more included) Any
Font Awesome 5.8.2 (May 17, 2019) Freemium License fluid Font toolkit, Icon toolkit based-on CSS and LESS. [4]
Foundation 6.5.1 (November 15, 2018) 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) 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) BSD-3 fixed and fluid
CSS Framework 1.1 (September 1, 2018) MIT fixed, fluid, responsive px, rem, % Layout, grid, buttons, typography, helpers, media queries, and navigation. (more included) Any, default 12
Siimple CSS 3.3.0 (January 24, 2019) MIT fixed, fluid, responsive px Typography (blockquote, code, headings, links, paragraph, small text), helpers (colors, display, float, sizing, spacing, text helpers), elements (buttons, rule, spinner, tag, tip), components (alert, breadcrumb, card, list, menu, table, tabs), layout (box, navbar, content, jumbotron, footer), form (fields, input, switch, checkbox, radio, select, textarea), grid and experiments (modal, progress bar and steps). Any, default 12

See also[edit]


External links[edit]