CSS Frameworks

Librerías que te facilitan componentes y estilos listos para ser usados.

SatisfacciónS
InterésI
UsageU
ConcienciaC

Clasificación de la conciencia, el interés y el ratio de satisfacción.

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

Opiniones sobre la tecnologías encuestadas, en el tiempo.

No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído
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.

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.

No lo usaríaNo estoy interesadoLo volvería a usarInteresadoConciencia60%40%20%0%20%40%60%60%40%20%0%20%40%60%Tailwind CSSPureCSSBootstrapAnt DesignSemantic UIBulmaMaterialize CSSSkeletonUIKitTachyonsSpectre.cssFoundationPrimer

Bootstrap
Porcentaje completado: 82% (9425)
Porcentaje completado: 82% (9425)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Materialize CSS
Porcentaje completado: 82% (9427)
Porcentaje completado: 82% (9427)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Ant Design
Porcentaje completado: 82% (9428)
Porcentaje completado: 82% (9428)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Semantic UI
Porcentaje completado: 82.1% (9430)
Porcentaje completado: 82.1% (9430)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Bulma
Porcentaje completado: 82% (9425)
Porcentaje completado: 82% (9425)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Foundation
Porcentaje completado: 82.1% (9430)
Porcentaje completado: 82.1% (9430)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

UIKit
Porcentaje completado: 82% (9419)
Porcentaje completado: 82% (9419)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído
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
Porcentaje completado: 82% (9423)
Porcentaje completado: 82% (9423)

Exportar
Porcentajes%
CuentaΣ

2019

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

2020

21.8% 21.8% 8.6% 8.6% 64% 64%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Primer
Porcentaje completado: 81.9% (9413)
Porcentaje completado: 81.9% (9413)

Exportar
Porcentajes%
CuentaΣ

2019

12.2% 12.2% 81.7% 81.7%

2020

15.4% 15.4% 77.9% 77.9%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Tailwind CSS
Porcentaje completado: 82.2% (9445)
Porcentaje completado: 82.2% (9445)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

PureCSS
Porcentaje completado: 81.9% (9415)
Porcentaje completado: 81.9% (9415)

Exportar
Porcentajes%
CuentaΣ

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%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Skeleton
Porcentaje completado: 82% (9424)
Porcentaje completado: 82% (9424)

Exportar
Porcentajes%
CuentaΣ

2020

18.9% 18.9% 8.9% 8.9% 62.6% 62.6%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

Spectre.css
Porcentaje completado: 81.9% (9410)
Porcentaje completado: 81.9% (9410)

Exportar
Porcentajes%
CuentaΣ

2020

11.9% 11.9% 81.8% 81.8%
No lo usaría
No estoy interesado
Lo volvería a usar
Interesado
Nunca lo he oído

En una escala del uno (muy descontento) al cinco (muy feliz), ¿cómo de contentos están los desarrolladores con el estado general de esta categoría?

0%8%17%25%33%42%Porcentaje de UsuariosMuy DescontentoDescontentoNeutralContentoMuy ContentoFelicidad0%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%