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 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.
| دوباره ازش استفاده خواهم کرد | |
| ازش استفاده نخواهم کرد | |
| جالبه برام | |
| برام جالب نیست | |
| تا حالا نشنیدم |
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.
| دوباره ازش استفاده خواهم کرد | |
| ازش استفاده نخواهم کرد | |
| جالبه برام | |
| برام جالب نیست | |
| تا حالا نشنیدم |