CSS-in-JS
Libraries that help integrate CSS into JavaScript code.
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
Overview of opinions on the technologies surveyed over time.
| Would not use | |
| Not interested | |
| Would use again | |
| 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.
Styled ComponentsCompletion percentage: 80.5% (9255)Completion percentage: 80.5% (9255)
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress
2019
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
JSSCompletion percentage: 80.6% (9267)Completion percentage: 80.6% (9267)
2019
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
Styled JSXCompletion percentage: 80.8% (9282)Completion percentage: 80.8% (9282)
Full CSS support for JSX without compromises
2019
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
RadiumCompletion percentage: 80.6% (9264)Completion percentage: 80.6% (9264)
2019
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
EmotionCompletion percentage: 80.8% (9281)Completion percentage: 80.8% (9281)
CSS-in-JS library designed for high performance style composition
2019
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
CSS ModulesCompletion percentage: 80.9% (9293)Completion percentage: 80.9% (9293)
2019
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
Styled SystemCompletion percentage: 80.6% (9268)Completion percentage: 80.6% (9268)
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
My 2020 Pick: Fela
Fela is an amazing piece of software. It’s pretty powerful, relatively easy to use and very performant
Hugo “Kitty” Giraudel
StitchesCompletion percentage: 80.7% (9270)Completion percentage: 80.7% (9270)
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
StyletronCompletion percentage: 80.8% (9281)Completion percentage: 80.8% (9281)
Toolkit for component-oriented styling
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
FelaCompletion percentage: 80.8% (9284)Completion percentage: 80.8% (9284)
State-Driven Styling in JavaScript
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
LinariaCompletion percentage: 80.7% (9277)Completion percentage: 80.7% (9277)
Zero-runtime CSS in JS library
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
AstroturfCompletion percentage: 80.7% (9271)Completion percentage: 80.7% (9271)
An "artificial" CSS-in-JS for those that want it all.
2020
| Would not use | |
| Not interested | |
| Would use again | |
| Interested | |
| Never heard |
Other ToolsCompletion percentage: 0.7% (84)Completion percentage: 0.7% (84)
Other tools in this category (freeform answers).
Overall Happiness
On a scale of one (very unhappy) to five (very happy), how happy are developers with the current overall state of this category?