CINXE.COM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Usage Statistics and Market Share of CSS Frameworks for Websites, March 2025</title> <meta name="referrer" content="unsafe-url"> <meta name="description" content="What are the most popular CSS frameworks on the web"> <link rel="stylesheet" type="text/css" href="https://w3techs.com/s45.css"> <link rel="alternate" type="application/rss+xml" title="W3Techs.com - Usage Statistics and Market Share of CSS Frameworks for Websites, March 2025" href="https://w3techs.com/techfeed/survey/css_framework"> <body> <script type="text/javascript"> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://m.q-success.com/"; _paq.push(['setTrackerUrl', u+'mtp']); _paq.push(['setSiteId', '2']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'mtj'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="https://m.q-success.com/mtp?idsite=2&rec=1" style="border:0" alt=""></p></noscript> <div id=doc3> <div id=hd> <div id=hdl><a href="https://w3techs.com/"><img src="https://w3techs.com/logo1.gif" alt="W3Techs" width=150 height=50></a></div> <div id=hdc style="min-height:94px;height:auto;text-align:center"> <div class=banner><script>var _ama_pid=_ama_pid||Math.floor(Math.random()*2147483647);document.write('\x3Cscript src="https://b.w3techs.com/ajs/2/2/' + _ama_pid + '/' + encodeURIComponent(window.location) + '">\x3C/script>');</script></div><a class=no_und href="https://b.w3techs.com/">advertise here</a></div> <div id=hdr><b>provided by<br><a href="https://q-success.com/web_services">Q-Success</a></b></div> </div> <div id=mn> <a href="https://w3techs.com/">Home</a> <a href="https://w3techs.com/technologies">Technologies</a> <a href="https://w3techs.com/reports">Reports</a> <a href="https://w3techs.com/apidoc">API</a> <a href="https://w3techs.com/sites">Sites</a> <a href="https://w3techs.com/quality">Quality</a> <a href="https://w3techs.com/users">Users</a> <a href="https://w3techs.com/blog">Blog</a> <a href="https://w3techs.com/forum">Forum</a> <a href="https://w3techs.com/faq">FAQ</a> <a href="https://w3techs.com/search">Search</a> </div><div class=feat1><p>Featured products and services<a style="font-size:80%;font-weight:normal;position:absolute;right:1em;" href="https://b.w3techs.com/">advertise here</a></p><script>var _ama_pid=_ama_pid||Math.floor(Math.random()*2147483647);document.write('\x3Cscript src="https://b.w3techs.com/ajs/2/5/' + _ama_pid + '/' + encodeURIComponent(window.location) + '">\x3C/script>');</script></div><div id=bd><table class=tech><tr><td class=tech_sel> <h3><b>Technologies</b></h3> <a href="https://w3techs.com/technologies/overview/content_management">Content Management</a><br><a href="https://w3techs.com/technologies/overview/programming_language">Server-side Languages</a><br><a href="https://w3techs.com/technologies/overview/client_side_language">Client-side Languages</a><br><a href="https://w3techs.com/technologies/overview/javascript_library">JavaScript Libraries</a><br><a href="https://w3techs.com/technologies/overview/css_framework">CSS Frameworks</a><br><a href="https://w3techs.com/technologies/overview/web_server">Web Servers</a><br><a href="https://w3techs.com/technologies/overview/web_panel">Web Panels</a><br><a href="https://w3techs.com/technologies/overview/operating_system">Operating Systems</a><br><a href="https://w3techs.com/technologies/overview/web_hosting">Web Hosting</a><br><a href="https://w3techs.com/technologies/overview/data_center">Data Centers</a><br><a href="https://w3techs.com/technologies/overview/proxy">Reverse Proxies</a><br><a href="https://w3techs.com/technologies/overview/dns_server">DNS Servers</a><br><a href="https://w3techs.com/technologies/overview/email_server">Email Servers</a><br><a href="https://w3techs.com/technologies/overview/ssl_certificate">SSL Certificate Authorities</a><br><a href="https://w3techs.com/technologies/overview/content_delivery">Content Delivery</a><br><a href="https://w3techs.com/technologies/overview/traffic_analysis">Traffic Analysis Tools</a><br><a href="https://w3techs.com/technologies/overview/advertising">Advertising Networks</a><br><a href="https://w3techs.com/technologies/overview/tag_manager">Tag Managers</a><br><a href="https://w3techs.com/technologies/overview/social_widget">Social Widgets</a><br><a href="https://w3techs.com/technologies/overview/site_element">Site Elements</a><br><a href="https://w3techs.com/technologies/overview/structured_data">Structured Data</a><br><a href="https://w3techs.com/technologies/overview/markup_language">Markup Languages</a><br><a href="https://w3techs.com/technologies/overview/character_encoding">Character Encodings</a><br><a href="https://w3techs.com/technologies/overview/image_format">Image File Formats</a><br><a href="https://w3techs.com/technologies/overview/top_level_domain">Top Level Domains</a><br><a href="https://w3techs.com/technologies/overview/server_location">Server Locations</a><br><a href="https://w3techs.com/technologies/overview/content_language">Content Languages</a><br><br><h3><b>Trends</b></h3><a href="https://w3techs.com/technologies/history_overview/css_framework/all">Usage History</a><br><a href="https://w3techs.com/technologies/history_overview/css_framework">Market Share History</a><br><br><h3><b>Market</b></h3><a href="https://w3techs.com/technologies/topsite/css_framework">Top Site Usage</a><br><a href="https://w3techs.com/technologies/market/css_framework">Market Position</a><br><br><h3><b>Performance</b></h3><a href="https://w3techs.com/technologies/pagespeed/css_framework/lcp">Page Speed</a><br><br><h3><b>Breakdown</b></h3><a href="https://w3techs.com/technologies/cross/css_framework/ranking">Ranking</a><br><a href="https://w3techs.com/technologies/cross/css_framework/content_management">Content Management</a><br><a href="https://w3techs.com/technologies/cross/css_framework/programming_language">Server-side Languages</a><br><a href="https://w3techs.com/technologies/cross/css_framework/client_side_language">Client-side Languages</a><br><a href="https://w3techs.com/technologies/cross/css_framework/javascript_library">JavaScript Libraries</a><br><a href="https://w3techs.com/technologies/cross/css_framework/web_server">Web Servers</a><br><a href="https://w3techs.com/technologies/cross/css_framework/web_panel">Web Panels</a><br><a href="https://w3techs.com/technologies/cross/css_framework/operating_system">Operating Systems</a><br><a href="https://w3techs.com/technologies/cross/css_framework/web_hosting">Web Hosting</a><br><a href="https://w3techs.com/technologies/cross/css_framework/data_center">Data Centers</a><br><a href="https://w3techs.com/technologies/cross/css_framework/proxy">Reverse Proxies</a><br><a href="https://w3techs.com/technologies/cross/css_framework/dns_server">DNS Servers</a><br><a href="https://w3techs.com/technologies/cross/css_framework/email_server">Email Servers</a><br><a href="https://w3techs.com/technologies/cross/css_framework/ssl_certificate">SSL Certificate Authorities</a><br><a href="https://w3techs.com/technologies/cross/css_framework/content_delivery">Content Delivery</a><br><a href="https://w3techs.com/technologies/cross/css_framework/traffic_analysis">Traffic Analysis Tools</a><br><a href="https://w3techs.com/technologies/cross/css_framework/advertising">Advertising Networks</a><br><a href="https://w3techs.com/technologies/cross/css_framework/tag_manager">Tag Managers</a><br><a href="https://w3techs.com/technologies/cross/css_framework/social_widget">Social Widgets</a><br><a href="https://w3techs.com/technologies/cross/css_framework/site_element">Site Elements</a><br><a href="https://w3techs.com/technologies/cross/css_framework/structured_data">Structured Data</a><br><a href="https://w3techs.com/technologies/cross/css_framework/markup_language">Markup Languages</a><br><a href="https://w3techs.com/technologies/cross/css_framework/character_encoding">Character Encodings</a><br><a href="https://w3techs.com/technologies/cross/css_framework/image_format">Image File Formats</a><br><a href="https://w3techs.com/technologies/cross/css_framework/top_level_domain">Top Level Domains</a><br><a href="https://w3techs.com/technologies/cross/css_framework/server_location">Server Locations</a><br><a href="https://w3techs.com/technologies/cross/css_framework/content_language">Content Languages</a><br><p class=hint>see <a href="https://w3techs.com/faq#adv">FAQ</a> for explanations<br>on advanced reports<br></td><td class=tech_main><p><p><a class=no_und href="https://w3techs.com/technologies">Technologies</a> > CSS Frameworks<h1>Usage statistics and market shares of CSS frameworks</h1><div class=report_info_r>Request an <b>extensive CSS frameworks market report</b>.<br><br><a href="https://w3techs.com/technologies/reportlist/css_framework">Learn more</a></div><p>This diagram shows the percentages of websites using various CSS frameworks. See <a href="https://w3techs.com/technologies">technologies overview</a> for explanations on the methodologies used in the surveys. Our reports are updated daily.<p>How to read the diagram:<br>78.5% of the websites use none of the CSS frameworks that we monitor.<br>Bootstrap is used by 16.5% of all the websites, that is a CSS framework market share of 76.4%.<br clear=all></p><table class=bars><tr><th>None<td><table class=bar><tr><td><div class="bar bar0 b0" style="width:236px"></div><td>78.5%</table><tr class=overall><th><td><tr><th><a href="https://w3techs.com/technologies/details/cs-bootstrap">Bootstrap</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:50px"></div><td>16.5%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:230px"></div><td>76.4%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-animate">Animate</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:28px"></div><td>9.0%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:127px"></div><td>42.0%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-foundation">Foundation</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:2px"></div><td>0.4%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:7px"></div><td>2.0%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-tailwind">Tailwind</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:2px"></div><td>0.2%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:4px"></div><td>1.0%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-uikit">UIkit</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:2px"></div><td>0.2%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:4px"></div><td>0.8%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-skeleton">Skeleton</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:1px"></div><td>0.1%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:3px"></div><td>0.5%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-materializecss">Materialize</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:1px"></div><td>0.1%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:2px"></div><td>0.4%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-materialdesignlite">Material Design Lite</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:1px"></div><td>0.1%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:2px"></div><td>0.3%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-semanticui">Semantic UI</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:1px"></div><td>0.1%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:2px"></div><td>0.3%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-bulma">Bulma</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:1px"></div><td>less than 0.1%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:2px"></div><td>0.2%</table><div class=filler2></div><tr><th><a href="https://w3techs.com/technologies/details/cs-spectre">Spectre</a><td><div class=filler2></div><table class=bar><tr><td><div class="bar bar1 b0" style="width:1px"></div><td>less than 0.1%</table><table class=bar><tr><td><div class="bar bar2 b1" style="width:1px"></div><td>0.1%</table><div class=filler2></div><tr><th class=cap1><td class=cap1>W3Techs.com, 14 March 2025<tr><td class=barleg colspan=2><div class="barleg b0"></div>absolute usage percentage<div class="barleg b1"></div>market share<tr><td class=cap2 colspan=2>Percentages of websites using various CSS frameworks<br>Note: a website may use more than one CSS framework</table><br><p>The following CSS frameworks have a market share of less than 0.1%<ul><li><a class=no_und href="https://w3techs.com/technologies/details/cs-metro">MetroUI</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-pure">Pure</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-tachyons">Tachyons</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-antdesign">Ant Design</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-milligram">Milligram</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-picocss">Pico</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-primer">Primer</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-minicss">Mini</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-picnic">Picnic</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-wing">Wing</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-concise">Concise</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-siimple">Siimple</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-turret">Turret</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-tent">Tent</a><li><a class=no_und href="https://w3techs.com/technologies/details/cs-baseguide">Baseguide</a></ul><h3>Is there a technology missing?</h3><p>Registered users can <a href="https://w3techs.com/forum/proposal/css_framework" rel=nofollow>make a proposal</a> to add a technology.</p><h3>Do you want to stay informed about this survey?</h3><p>Use our monthly technology survey <a class=no_und href="https://w3techs.com/techfeed/survey/css_framework"><img style="vertical-align:middle" src="https://w3techs.com/rss.gif" alt="RSS Feed" width=36 height=14> RSS Feed</a>.<br>Registered users can also <a href="https://w3techs.com/users/subscriptions/css_framework">subscribe</a> to a monthly technology survey email.</p><h3>Share this page</h3><ul class="share-buttons"><script>document.write("<"+"li><"+"a href='mailto:?subject="+document.title+"&body="+document.title+" - https://w3techs.com/technologies/overview/css_framework' title='Send email'><"+"img loading=lazy alt='Send email' src='https://w3techs.com/pictures/Email.svg' width=40 height=40><"+"/a>")</script><li><a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fw3techs.com%2Ftechnologies%2Foverview%2Fcss_framework&title=" title="Share on LinkedIn" target="_blank" rel="nofollow noopener noreferrer" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fw3techs.com%2Ftechnologies%2Foverview%2Fcss_framework&title=' + encodeURIComponent(document.title) + '', '_blank', 'width=600,height=400'); return false;"><img loading=lazy alt="Share on LinkedIn" src="https://w3techs.com/pictures/LinkedIn.svg" width=40 height=40></a><li><a href="https://bsky.app/intent/compose?text= - https%3A%2F%2Fw3techs.com%2Ftechnologies%2Foverview%2Fcss_framework&via=W3Techs" title="Post on Bluesky" target="_blank" rel="nofollow noopener noreferrer" onclick="window.open('https://bsky.app/intent/compose?text=' + encodeURIComponent(document.title) + '%20-%20https%3A%2F%2Fw3techs.com%2Ftechnologies%2Foverview%2Fcss_framework&via=W3Techs', '_blank', 'width=600,height=400'); return false;"><img loading=lazy alt="Post on Bluesky" src="https://w3techs.com/pictures/Bluesky.png" width=30 height=30 style="padding-bottom:7px;"></a></ul><td class=tech_add><table class=t_brief><tr><th>Technology Brief<tr><td><b>CSS Frameworks</b><tr><td>A CSS framework is a library allowing for easier web design using the Cascading Style Sheets language.</table><br><a href="https://website.informer.com/w3techs.com" rel=nofollow><img src="https://w3techs.com/pictures/wsi_2.png" alt="website informer w3techs" width=250 height=250></a><br><br><table class=t_brief><tr><th>Latest related posting  <a href="https://w3techs.com/blog/category/css_framework" rel="nofollow">read all</a><tr><td><b>Web Technologies of the Year 2024</b><br>2 January 2025<tr><td><p>We compiled the list of web technologies that saw the largest increase in usage in 2024.</p> <a href="https://w3techs.com/blog/entry/web_technologies_of_the_year_2024">» more</a></table><br><br><table class=t_brief><tr><th>Latest related forum entry  <a href="https://w3techs.com/forum/category/css_framework">read all</a><tr><td><b>Remove animate from css frameworks</b><br>25 October 2022<a href="https://w3techs.com/forum/topic/25721"><br>» more</a></table><br><br><script>var _ama_pid=_ama_pid||Math.floor(Math.random()*2147483647);document.write('\x3Cscript src="https://b.w3techs.com/ajs/2/7/'+_ama_pid+'/'+encodeURIComponent(window.location)+'">\x3C/script>');</script><a class=no_und href="https://b.w3techs.com/">advertise here</a><br><br></table></div> <div id=ft> <a href="https://w3techs.com/about" class=no_und rel=nofollow>About Us</a> <a href="https://w3techs.com/disclaimer" class=no_und rel=nofollow>Disclaimer</a> <a href="https://w3techs.com/terms_of_use" class=no_und rel=nofollow>Terms of Use</a> <a href="https://w3techs.com/privacy_policy" class=no_und rel=nofollow>Privacy Policy</a> <a href="https://b.w3techs.com/" class=no_und>Advertising</a> <a href="https://w3techs.com/feedback" class=no_und rel=nofollow>Contact</a> </div> <div id=social_ft> W3Techs on   <a href="https://www.linkedin.com/company/w3techs"><img loading=lazy src="https://w3techs.com/pictures/LinkedIn.svg" alt="LinkedIn"> LinkedIn</a> <a rel="me" href="https://techhub.social/@w3techs"><img loading=lazy src="https://w3techs.com/pictures/Mastodon.svg" alt="Mastodon"> Mastodon</a> <a href="https://bsky.app/profile/w3techs.com"><img loading=lazy src="https://w3techs.com/pictures/Bluesky.png" alt="Bluesky"> Bluesky</a> </div> <div id=cp>Copyright © 2009-2025 Q-Success<br><br> </div></div>