Menu
Home
People
Places
Arts
History
Plants & Animals
Science
Life & Culture
Technology
Reference.org
CSS framework
open-in-new
<h2 id="list-of-notable-css-frameworks">List of notable CSS frameworks</h2> <table><tbody><tr><th rowspan="2">Name</th><th colspan="2">Latest release</th><th rowspan="2">License</th><th rowspan="2"><a href="/facts/Grid_(graphic_design)/RooEdEHx">Grid</a></th><th rowspan="2">Units</th><th rowspan="2">Features</th><th rowspan="2">No. of columns</th></tr><tr><th>version</th><th>date</th></tr><tr><td><a href="/facts/Blueprint_(CSS_framework)/q25uIEVE">Blueprint</a></td><td>1.0.1</td><td>May 14, 2011<a class="footnote-ref" id="fnref:1" href="#fn:1"><sup>1</sup></a></td><td>MIT License</td><td>Typography, forms, print, plugins for buttons, tabs, and sprites.</td><td></td><td></td><td></td></tr><tr><td><a href="/facts/Bootstrap_(front-end_framework)/3m5HALpd">Bootstrap</a></td><td>5.3.3</td><td>February 20, 2024<a class="footnote-ref" id="fnref:2" href="#fn:2"><sup>2</sup></a><a class="footnote-ref" id="fnref:3" href="#fn:3"><sup>3</sup></a><a class="footnote-ref" id="fnref:4" href="#fn:4"><sup>4</sup></a></td><td>MIT License(<a href="/facts/Apache_License/5AeIjas8">Apache License</a> prior to 3.1.0)</td><td>fixed, fluid, responsive</td><td>px, %</td><td>Layout, typography, forms, buttons, navigation, media queries, .sass files, JavaScript libraries, RTL layout.</td><td>Any,default 12<a class="footnote-ref" id="fnref:5" href="#fn:5"><sup>5</sup></a></td></tr><tr><td><a href="/facts/Foundation_(framework)/5abl0cXg">Foundation</a></td><td>6.7.5</td><td>July 13, 2022<a class="footnote-ref" id="fnref:6" href="#fn:6"><sup>6</sup></a></td><td>MIT License</td><td>fluid</td><td>px, %</td><td>Responsive layout, source ordering, typography, forms, buttons, navigation, media queries, and JavaScript libraries.</td><td>Any,default 12<a class="footnote-ref" id="fnref:7" href="#fn:7"><sup>7</sup></a></td></tr><tr><td><a href="/facts/YAML_(framework)/5P6wxR4X">YAML</a></td><td>4.1.2</td><td>July 28, 2013<a class="footnote-ref" id="fnref:8" href="#fn:8"><sup>8</sup></a></td><td>CC-BY 2.0</td><td>fixed, elastic, fluid</td><td>px, em, %</td><td>Layout, grids, columns, forms, buttons, progressive linearization for responsive layouts, float handling, navigation, typography, accessibility, and add-ons. (accessible tabs, RTL-support, and microformats)</td><td>Any</td></tr><tr><td><a href="/facts/YUI_Library/fPYDRbRu">YUI CSS grids</a></td><td>3.18.1</td><td>October 22, 2014<a class="footnote-ref" id="fnref:9" href="#fn:9"><sup>9</sup></a></td><td><a href="/facts/BSD_licenses/XLtmLp5x">BSD</a>-3</td><td>fixed and fluid</td><td></td><td></td><td></td></tr><tr><td><a href="/facts/Tailwind_CSS/8212mWFH">Tailwind</a></td><td>3.4.3</td><td>March 27, 2024<a class="footnote-ref" id="fnref:10" href="#fn:10"><sup>10</sup></a><a class="footnote-ref" id="fnref:11" href="#fn:11"><sup>11</sup></a></td><td>MIT License</td><td>fixed, fluid, responsive</td><td></td><td></td><td>Any</td></tr></tbody></table> <h2 id="see-also">See also</h2> <ul><li>Comparison of layout engines (Cascading Style Sheets)</li></ul> <h2 id="references">References</h2> <ol> <li id="fn:1"><p>"Releases · joshuaclayton/blueprint-css · GitHub". GitHub. Retrieved 23 April 2020. This repository has been archived by the owner. It is now read-only. <a href="https://github.com/joshuaclayton/blueprint-css/releases" target="_blank">https://github.com/joshuaclayton/blueprint-css/releases</a> <a href="#fnref:1" class="footnote-back-ref">↩</a></p></li> <li id="fn:2"><p>"Releases · twbs/bootstrap · GitHub". GitHub. Archived from the original on 2014-06-01. Retrieved November 15, 2021. <a href="https://github.com/twbs/bootstrap/releases" target="_blank">https://github.com/twbs/bootstrap/releases</a> <a href="#fnref:2" class="footnote-back-ref">↩</a></p></li> <li id="fn:3"><p>Déramond, Julien (2024-02-20). "Bootstrap 5.3.3". blog.getbootstrap.com. Retrieved 2024-04-11. <a href="https://blog.getbootstrap.com/2024/02/20/bootstrap-5-3-3/" target="_blank">https://blog.getbootstrap.com/2024/02/20/bootstrap-5-3-3/</a> <a href="#fnref:3" class="footnote-back-ref">↩</a></p></li> <li id="fn:4"><p>"bootstrap". npm. 2024-02-20. Retrieved 2024-04-11. <a href="https://www.npmjs.com/package/bootstrap" target="_blank">https://www.npmjs.com/package/bootstrap</a> <a href="#fnref:4" class="footnote-back-ref">↩</a></p></li> <li id="fn:5"><p>Bootstrap documentation - Customizing the grid <a href="https://getbootstrap.com/docs/4.0/layout/grid/#customizing-the-grid" target="_blank">https://getbootstrap.com/docs/4.0/layout/grid/#customizing-the-grid</a> <a href="#fnref:5" class="footnote-back-ref">↩</a></p></li> <li id="fn:6"><p>"Releases · foundation/foundation-sites · GitHub". GitHub. Retrieved 24 April 2020. <a href="https://github.com/foundation/foundation-sites/releases" target="_blank">https://github.com/foundation/foundation-sites/releases</a> <a href="#fnref:6" class="footnote-back-ref">↩</a></p></li> <li id="fn:7"><p>Foundation documentation - The Grid <a href="https://foundation.zurb.com/sites/docs/grid.html" target="_blank">https://foundation.zurb.com/sites/docs/grid.html</a> <a href="#fnref:7" class="footnote-back-ref">↩</a></p></li> <li id="fn:8"><p>"Releases · yamlcss/yaml · GitHub". GitHub. Retrieved 24 April 2020. <a href="https://github.com/yamlcss/yaml/releases" target="_blank">https://github.com/yamlcss/yaml/releases</a> <a href="#fnref:8" class="footnote-back-ref">↩</a></p></li> <li id="fn:9"><p>"Releases · yui/yui3 · GitHub". GitHub. Retrieved 24 April 2020. <a href="https://github.com/yui/yui3/releases" target="_blank">https://github.com/yui/yui3/releases</a> <a href="#fnref:9" class="footnote-back-ref">↩</a></p></li> <li id="fn:10"><p>"Releases · tailwindlabs/tailwindcss". GitHub. Retrieved 2024-04-11. <a href="https://github.com/tailwindlabs/tailwindcss/releases" target="_blank">https://github.com/tailwindlabs/tailwindcss/releases</a> <a href="#fnref:10" class="footnote-back-ref">↩</a></p></li> <li id="fn:11"><p>"tailwindcss". npm. 2024-03-27. Retrieved 2024-04-11. <a href="https://www.npmjs.com/package/tailwindcss" target="_blank">https://www.npmjs.com/package/tailwindcss</a> <a href="#fnref:11" class="footnote-back-ref">↩</a></p></li> </ol>