CSS Frameworks

Librerie che contengono stili e componenti già fatti.

Rankings

Export
SatisfactionS
InterestI
UsageU
AwarenessA

Satisfaction, interest, usage, and awareness ratio rankings.

2019202020192020BootstrapMaterialize CSSAnt DesignSemantic UIBulmaFoundationUIKitTachyonsPrimerTailwind CSSPureCSSBootstrapMaterialize CSSAnt DesignSemantic UIBulmaFoundationUIKitTachyonsPrimerTailwind CSSPureCSSSkeletonSpectre.css52%48%57%53%57%60%61%51%74%61%45%31%54%49%66%52%42%44%81%87%67%71%52%47%

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.

Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito
2019202020192020

Bootstrap

2019202020192020

Materialize CSS

2019202020192020

Ant Design

2019202020192020

Semantic UI

2019202020192020

Bulma

2019202020192020

Foundation

2019202020192020

UIKit

2019202020192020

Tachyons

2019202020192020

Primer

2019202020192020

Tailwind CSS

2019202020192020

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.

Non lo userei piùNon interessatoLo userei ancoraInteressatoAwareness60%40%20%0%20%40%60%60%40%20%0%20%40%60%Tailwind CSSPureCSSBootstrapAnt DesignSemantic UIBulmaMaterialize CSSSkeletonUIKitTachyonsSpectre.cssFoundationPrimer

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

Export
Percents%
CountΣ

2019

41.5% 41.5% 10.8% 10.8% 45.3% 45.3%

2020

44.5% 44.5% 11.5% 11.5% 41.4% 41.4%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

12.9% 12.9% 26.6% 26.6% 17.2% 17.2% 15.6% 15.6% 27.8% 27.8%

2020

15.3% 15.3% 31% 31% 17.2% 17.2% 12.7% 12.7% 23.8% 23.8%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

15.8% 15.8% 10% 10% 66.5% 66.5%

2020

23.7% 23.7% 8.6% 8.6% 13.4% 13.4% 48.5% 48.5%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

26% 26% 9.3% 9.3% 21.6% 21.6% 37.2% 37.2%

2020

8.2% 8.2% 30.8% 30.8% 8.5% 8.5% 20.4% 20.4% 32.1% 32.1%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

21.1% 21.1% 10.1% 10.1% 14.7% 14.7% 50.5% 50.5%

2020

7.4% 7.4% 28.7% 28.7% 11.6% 11.6% 14.8% 14.8% 37.5% 37.5%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

17.4% 17.4% 34.1% 34.1% 14.2% 14.2% 13.3% 13.3% 20.9% 20.9%

2020

19.1% 19.1% 35.6% 35.6% 8.7% 8.7% 10.6% 10.6% 26.1% 26.1%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

22.5% 22.5% 11.7% 11.7% 59.8% 59.8%

2020

25.1% 25.1% 11.3% 11.3% 57.2% 57.2%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito
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

16.5% 16.5% 10.3% 10.3% 66.8% 66.8%

2020

21.8% 21.8% 8.6% 8.6% 64% 64%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

12.2% 12.2% 81.7% 81.7%

2020

15.4% 15.4% 77.9% 77.9%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

14.1% 14.1% 14.1% 14.1% 65.7% 65.7%

2020

20.2% 20.2% 22.8% 22.8% 33% 33% 20.4% 20.4%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2019

17.4% 17.4% 13.7% 13.7% 60.7% 60.7%

2020

19.8% 19.8% 13.9% 13.9% 58.2% 58.2%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2020

18.9% 18.9% 8.9% 8.9% 62.6% 62.6%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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

Export
Percents%
CountΣ

2020

11.9% 11.9% 81.8% 81.8%
Non lo userei più
Non interessato
Lo userei ancora
Interessato
Mai sentito

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?

0%8%17%25%33%42%Percentage of UsersVery UnhappyUnhappyNeutralHappyVery HappyHappiness0%8%17%25%33%42%2.7%2.7%6.7%6.7%40.9%40.9%37.8%37.8%11.9%11.9%
« Previous: Pre-/Post-processori CSSNext: Metodologie CSS »
Charts built with Nivo. Hosted by Netlify.
Domande? Trovato un bug? Apri una issue. Join us on Discord.
Press option/alt to enable translator mode.