Skip to content

CSS Frameworks

Libraries that give you pre-made components and styles.

Ratios 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 Rankings chart can be toggled between retention, 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 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

Other Tools

Compare Data

How happy are you with the state of CSS frameworks?

Compare Data