Skip to content

CSS Frameworks

Libraries that give you pre-made components and styles.

Rankings

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 / (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.

Experience 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.

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.

We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: aspect-ratio

All major browsers shipped support for aspect-ratio in 2021. At first I underestimated it, but there are so many situations where this property comes in handy.

We asked members of the CSS community to share their “pick of the year”

Manuel Matuzović

Front-end developer from Vienna, and creator of htmhell.dev.

Other Tools

How happy are you with the state of CSS frameworks?

Customize Data