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 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 | |
| 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 satisfaction, 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.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
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 sectionمستوى الرضا
Compare Data
Link to sectionBootstrap
Comments29
Compare Data
Respondent's experience with Bootstrap.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionMaterialize CSS
Comments6
Compare Data
Respondent's experience with Materialize CSS.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionAnt Design
Comments3
Compare Data
Respondent's experience with Ant Design.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionSemantic UI/Fomantic UI
Comments1
Compare Data
Respondent's experience with Semantic UI/Fomantic UI.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionBulma
Link to sectionFoundation
Comments5
Compare Data
Respondent's experience with Foundation.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionUIKit
Comments2
Compare Data
Respondent's experience with UIKit.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionTachyons
Comments3
Compare Data
Respondent's experience with Tachyons.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionTailwind CSS
Comments31
Compare Data
Respondent's experience with Tailwind CSS.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionPureCSS
Comments2
Compare Data
Respondent's experience with PureCSS.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionOpen Props
Comments5
Compare Data
Respondent's experience with Open Props.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionBlaze UI
Comments2
Compare Data
Respondent's experience with Blaze UI.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |
Link to sectionUnoCSS
Comments3
Compare Data
Respondent's experience with UnoCSS.
| سأستخدمها مجددًا | |
| لمَ لا أستخدمها | |
| مهتم | |
| لست مهتمًا | |
| لم أسمع عنها |