Once again, Tailwind CSS stands apart as the one major UI framework that developers are happy to keep using; while Open Props is generating a small but passionate following.
Link to sectionExperience 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 | |
| Tailwind CSS | |
| PureCSS | |
| Open Props | |
| Blaze UI | |
| UnoCSS |
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 Rankings chart can be toggled between retention, interest, usage, and awareness to give you a fuller picture of a category's rankings.
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 2023 Pick: Scroll-Driven Animations
If I went back 2 years, I'd never have imagined CSS having scroll-driven animations. Yet, here we are!
We asked members of the CSS community to share their “pick of the year”
Ahmad Shadeed
Design Engineer and Writer at ishadeed.com
Link to sectionOther Tools
Compare Data
Link to sectionOverall Happiness
Compare Data
Link to sectionBootstrap
Comments29
Compare Data
Respondent's experience with Bootstrap.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionMaterialize CSS
Comments6
Compare Data
Respondent's experience with Materialize CSS.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionAnt Design
Comments3
Compare Data
Respondent's experience with Ant Design.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionSemantic UI/Fomantic UI
Comments1
Compare Data
Respondent's experience with Semantic UI/Fomantic UI.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionBulma
Link to sectionFoundation
Comments5
Compare Data
Respondent's experience with Foundation.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionUIKit
Comments2
Compare Data
Respondent's experience with UIKit.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionTachyons
Comments3
Compare Data
Respondent's experience with Tachyons.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionTailwind CSS
Comments31
Compare Data
Respondent's experience with Tailwind CSS.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionPureCSS
Comments2
Compare Data
Respondent's experience with PureCSS.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionOpen Props
Comments5
Compare Data
Respondent's experience with Open Props.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionBlaze UI
Comments2
Compare Data
Respondent's experience with Blaze UI.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
Link to sectionUnoCSS
Comments3
Compare Data
Respondent's experience with UnoCSS.
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |