CSS Frameworks

Libraries that give you pre-made components and styles.

Rankings

Export
SatisfactionS
InterestI
UsageU
AwarenessA

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

Experience Over Time

Export
Percents%
CountΣ

Overview of opinions on the technologies surveyed over time.

Would not use
Not interested
Would use again
Interested
Never heard

Bootstrap

Materialize CSS

Ant Design

Semantic UI

Bulma

Foundation

UIKit

Tachyons

Primer

Tailwind CSS

PureCSS

Technologies with only one year of data are not included.

Positive/Negative Split

Export

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.

Bootstrap
Completion percentage: 82% (9425)
Completion percentage: 82% (9425)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

Materialize CSS
Completion percentage: 82% (9427)
Completion percentage: 82% (9427)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

Ant Design
Completion percentage: 82% (9428)
Completion percentage: 82% (9428)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

Semantic UI
Completion percentage: 82.1% (9430)
Completion percentage: 82.1% (9430)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

Bulma
Completion percentage: 82% (9425)
Completion percentage: 82% (9425)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

Foundation
Completion percentage: 82.1% (9430)
Completion percentage: 82.1% (9430)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

UIKit
Completion percentage: 82% (9419)
Completion percentage: 82% (9419)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: PurgeCSS

One thing I've really started using and appreciating this year though is Purge CSS- an awesome tool for removing unused CSS. It can greatly reduce the size of your CSS, and its fast and easy to use.

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

Christian Oliff

Front-end developer for Trimble MAPS

Tachyons
Completion percentage: 82% (9423)
Completion percentage: 82% (9423)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

Primer
Completion percentage: 81.9% (9413)
Completion percentage: 81.9% (9413)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

Tailwind CSS
Completion percentage: 82.2% (9445)
Completion percentage: 82.2% (9445)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

PureCSS
Completion percentage: 81.9% (9415)
Completion percentage: 81.9% (9415)

Export
Percents%
CountΣ

2019

2020

Would not use
Not interested
Would use again
Interested
Never heard

Skeleton
Completion percentage: 82% (9424)
Completion percentage: 82% (9424)

Export
Percents%
CountΣ

2020

Would not use
Not interested
Would use again
Interested
Never heard

Spectre.css
Completion percentage: 81.9% (9410)
Completion percentage: 81.9% (9410)

Export
Percents%
CountΣ

2020

Would not use
Not interested
Would use again
Interested
Never heard

Other Tools
Completion percentage: 1.7% (190)
Completion percentage: 1.7% (190)

Export
Percents%
CountΣ

Other tools in this category (freeform answers).

Overall Happiness

Export
Percents%
CountΣ

On a scale of one (very unhappy) to five (very happy), how happy are developers with the current overall state of this category?

« Previous: Pre-/Post-processorsNext: CSS Methodologies »
Charts built with Nivo. Hosted by Netlify.
Questions? Found a bug? Leave an issue. Join us on Discord.