Frameworks and libraries that give you pre-made components or styles.
Link to sectionRatios Over Time
Compare Data
Retention, interest, usage, and awareness ratio over time.
| Bootstrap | |
| Materialize CSS | |
| Ant Design | |
| Semantic UI/Fomantic UI | |
| Bulma | |
| Foundation | |
| UIKit | |
| Tachyons | |
| Primer | |
| Tailwind CSS | |
| PureCSS | |
| Halfmoon |
Technologies with less than 10% awareness not included. Each ratio is defined as follows:
- Retention: would use again / (would use again + would not use again)
- Interest: want to learn / (want to learn + not interested)
- Usage: (would use again + would not use again) / total
- Awareness: (total - never heard) / total
💡
The Experience Over Time chart can be toggled between retention, interest, usage, and awareness to give you a fuller picture of a category.
Link to sectionExperience Over Time
Overview of opinions on the technologies surveyed over time.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Technologies with only one year of data are not included.
Link to sectionPositive/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.
We asked members of the CSS community to share their “pick of the year”
My 2022 Pick: “Style with Stateful, Semantic Selectors” by Ben Myers
Ben demonstrates how utilizing ARIA attribute selectors can simply and powerfully tie appearance to state.
We asked members of the CSS community to share their “pick of the year”
Eric Bailey
Accessibility advocate and CSS nerd
Link to sectionOther Tools
Compare Data
Link to sectionHow happy are you with the state of CSS frameworks?
Compare Data