CSS framework
 | This article needs additional citations for verification. (February 2017) |
A CSS framework is a library allowing for easier, more standards-compliant web design using the
JavaScript frameworks
.
Two notable and widely used examples are Bootstrap and Foundation.
CSS frameworks offer different modules and tools:
- reset style sheet
- grid especially for responsive web design
- web typography
- set of icons in sprites or icon fonts
- styling for forms
- parts of tabs, slideshow or modal windows (Lightbox)
- equalizer to create equal height content
- often used CSS helper classes (left, hide)
Bigger frameworks use a CSS interpreter like
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.3.3 (February 20, 2024)[2][3][4] | 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[5] |
| Foundation | 6.7.5 (July 13, 2022) [6] | MIT License | fluid | px, % | Responsive layout, source ordering, typography, forms, buttons, navigation, media queries, and JavaScript libraries. | Any, default 12[7] |
| YAML | 4.1.2 (July 28, 2013)[8] | 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)[9] | BSD-3 | fixed and fluid | |||
| Tailwind | 3.4.3 (March 27, 2024)[10][11] | MIT License | fixed, fluid, responsive | Any |
See also
References
- ^ "Releases · joshuaclayton/blueprint-css · GitHub". GitHub. Retrieved 23 April 2020.
This repository has been archived by the owner. It is now read-only.
- ^ "Releases · twbs/bootstrap · GitHub". GitHub. Archived from the original on 2014-06-01. Retrieved November 15, 2021.
- ^ Déramond, Julien (2024-02-20). "Bootstrap 5.3.3". blog.getbootstrap.com. Retrieved 2024-04-11.
{{cite web}}: CS1 maint: url-status (link) - ^ "bootstrap". npm. 2024-02-20. Retrieved 2024-04-11.
- ^ Bootstrap documentation - Customizing the grid
- ^ "Releases · foundation/foundation-sites · GitHub". GitHub. Retrieved 24 April 2020.
- ^ Foundation documentation - The Grid
- ^ "Releases · yamlcss/yaml · GitHub". GitHub. Retrieved 24 April 2020.
- ^ "Releases · yui/yui3 · GitHub". GitHub. Retrieved 24 April 2020.
- ^ "Releases · tailwindlabs/tailwindcss". GitHub. Retrieved 2024-04-11.
- ^ "tailwindcss". npm. 2024-03-27. Retrieved 2024-04-11.