CSS Frameworks
Libraries that give you pre-made components and styles.
Satisfaction, interest, usage, and awareness ratio rankings.
Technologies with less than 10% awareness not included. Each ratio is defined as follows:
- Satisfaction: would use again vs would not use again.
- Interest: want to learn vs not interested.
- Usage: would use again + would not use again vs awareness.
- Awareness: total - never heard.
Experience Over Time
Overview of opinions on the technologies surveyed over time.
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Technologies with only one year of data are not included.
Positive/Negative Split
This chart splits positive (“want to learn”, ”would use again”) vs negative (“not interested”, “would not use again”) experiences on both sides of a central axis.
Bar thickness represents the number of respondents aware of a technology.
BootstrapCompletion percentage: 82% (9425)Completion percentage: 82% (9425)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Materialize CSSCompletion percentage: 82% (9427)Completion percentage: 82% (9427)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Ant DesignCompletion percentage: 82% (9428)Completion percentage: 82% (9428)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Semantic UICompletion percentage: 82.1% (9430)Completion percentage: 82.1% (9430)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
BulmaCompletion percentage: 82% (9425)Completion percentage: 82% (9425)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
FoundationCompletion percentage: 82.1% (9430)Completion percentage: 82.1% (9430)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
UIKitCompletion percentage: 82% (9419)Completion percentage: 82% (9419)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
My 2020 Pick: PurgeCSS
One thing I've really started using and appreciating this year though is Purge CSS- an awesome tool for removing unused CSS. It can greatly reduce the size of your CSS, and its fast and easy to use.
Christian Oliff
TachyonsCompletion percentage: 82% (9423)Completion percentage: 82% (9423)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
PrimerCompletion percentage: 81.9% (9413)Completion percentage: 81.9% (9413)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Tailwind CSSCompletion percentage: 82.2% (9445)Completion percentage: 82.2% (9445)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
PureCSSCompletion percentage: 81.9% (9415)Completion percentage: 81.9% (9415)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
SkeletonCompletion percentage: 82% (9424)Completion percentage: 82% (9424)
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Spectre.cssCompletion percentage: 81.9% (9410)Completion percentage: 81.9% (9410)
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Other ToolsCompletion percentage: 1.7% (190)Completion percentage: 1.7% (190)
Other tools in this category (freeform answers).
Overall Happiness
On a scale of one (very unhappy) to five (very happy), how happy are developers with the current overall state of this category?