
Introduction - top CSS technologies
Basic statistics
The greatest strength of each open-source project is its community.
However, to create a strong and active community around the project, the project must first gain sufficient popularity.
After exceeding the critical mass, the community begins to develop the project.
The larger the community - the faster the project is developed. The faster the project is developed - the larger the community.
It's a self-propelling mechanism that makes these large projects even bigger, and the smaller projects are harder to chase the bigger ones
Bootstrap is bigger in every aspect than its top 5 competitors put together. This fact makes him the undisputed leader of CSS technology - and nothing promises to lose this title.
Methodology
Note: In our reports, we value the position of each technology based on:
-
NPM Downloads
This is the most important factor that actually determines the number of active users of a given technology.
-
GitHub Stars
The number of stars on GitHub is often overestimated, as it often results not from the actual position of the technology, but rather from efficient marketing. However, it is still an important factor that allows us to estimate technology trends.
-
Website traffic (based on SimilarWeb data )
The traffic on the website shows the true potential of a given technology.
Every technology to grow needs great documentation, affordable learning materials and a large and active community.
Website traffic indicates how strong are the factors listed above.
NPM Downloads
Bootstrap | Bulma | Foundation | UIkit | Semantic UI | Materialize |
---|---|---|---|---|---|
4,196,247 | 265,994 | 558,095 | 44,279 | 62,103 | 112,278 |
GitHub Stars
Bootstrap | Bulma | Foundation | UIkit | Semantic UI | Materialize |
---|---|---|---|---|---|
128,634 | 31,062 | 27,786 | 13,418 | 43,433 | 34,381 |
Website traffic
getbootstrap.com | bulma.io | foundation.zurb.com | getuikit.com | semantic-ui.com | materializecss.com |
---|---|---|---|---|---|
17,490,000 | 955,600 | 866,740 | 558,490 | 1,240,000 | 1,630,000 |
Comparison
# | Bootstrap | Bulma | Foundation | UIkit | Semantic UI | Materialize |
---|---|---|---|---|---|---|
Popularity | Extremely high | Medium | Medium | Low | Medium | Medium |
Description | Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. | Bulma is an open source CSS framework based on Flexbox and built with Sass. | Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites. | A lightweight and modular front-end framework for developing fast and powerful web interfaces. | Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. | A modern responsive front-end framework based on Material Design |
CSS.min size | 137 KB | 155 KB | 114 KB | 241 KB | 609 KB | 138 KB |
JS.min size | 49.8 KB | No JS | 145 KB | 127 KB | 268 KB | 176 KB |
Responsive | ||||||
Community | Huge | Small | Medium | Very small | Big | Medium |
Technical support | Very fast | Slow | Mediocre | Very slow | Fast | Mediocre |
Documentation | Very good | Good | Very good | Good | Very good | Good |
Learning materials | Numerous and high quality Recommended tutorials |
Few but good quality | Numerous and good quality | Few but good quality | Numerous and good quality | Few |
Modularity | ||||||
Customization options | ||||||
Preprocessors | SASS | SASS | SASS | SASS, LESS | LESS | SASS |
Starter templates | ||||||
Addons | ||||||
Material Design integration | Material Design for Bootstrap | |||||
Fluent Design integration | Fluent Design for Bootstrap | |||||
jQuery version | Available MDBootstrap for jQuery v.3 (newest) | Available for jQuery for jQuery v.3 (newest) | Available for jQuery v.3 (newest) | |||
Angular version | Available MDBootstrap for Angular v.6 (newest) | |||||
React version | Available MDBootstrap for React v.16 (newest) | |||||
Vue version | Available MDBootstrap for Vue v.2 (newest) | |||||
MDB support | ||||||
Gulp integration | Available | |||||
Webpack integration | Available | |||||
License | MIT | MIT | MIT | MIT | MIT | MIT |