CSS framework

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

A CSS framework is a pre-prepared 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 (January 18, 2018) MIT License
(Apache License prior to 3.1.0)
fixed, fluid, responsive px, % Layout, typography, forms, buttons, navigation, media queries + more, + .sass files + js libraries Any, default 12[1]
wellcome css 3.2.1 (July 07, 2018) FREE Fully Responsive px, % Typography, Text Decoration / Font Decoration, Text Color, Text Align, Background Color, Grid System, Nav Bar, Button, Box, Title Box, Panel, Message Box, Table Structure, Circle-Radius, Plugins, Gradient Generator, Image Responsive, Image Effects, Hover Effects, Align, Progress Bar, Breadcrumb, Pagination, Badges, Tag, List, Form, Help Class, Flexbox, Slider, Photo Gallery, Offset Fix, Closeable Box, Modal, Accordion with plus minus, Tab, Dropdown, Mobile Menu, Filter 12 Grid [2]
Cascade Framework 1.5 (August 28, 2013) MIT fixed, elastic, fluid, responsive px, % Grid, layout, typography, forms, buttons, media queries + more Any
Foundation 6.4.2 (August 10, 2017) MIT License fluid px, % Responsive Layout, source ordering, typography, forms, buttons, navigation, media queries, js libraries Any
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, add-ons (accessible tabs, rtl-support, 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, navigation + more Any, default = 12 coll

See also[edit]


External links[edit]