Skip to content

The State of CSS 2021

[en-US] general.back_to_intro

Technologies

With nearly 50% of respondents happily using one or more CSS-in-JS library, it's safe to say that the category has managed to carve out its niche. Maybe the two sides of the front-end world are not so far apart after all?

Satisfaction vs Usage

This chart shows each technology's satisfaction ratio (or interest ratio) over its total user count. It can be divided into four quadrants:

  • ASSESS: Low usage, high satisfaction. Technologies worth keeping an eye on.

  • ADOPT: High usage, high satisfaction. Safe technologies to adopt.

  • AVOID: Low usage, low satisfaction. Technologies probably best avoided currently.

  • ANALYZE: High usage, low satisfaction. Reassess these technologies if you're currently using them.

Pre-/Post-processors
CSS Frameworks
CSS-in-JS

Technology Usage Cardinality

For each section, which percentage of respondents use (defined as having answered “would use again”) one, two, three, etc. technologies. The bottom-most bar represents the sum of all other bars.

Pre-/Post-processors

∑
71.8%
1
31.4%
2
Most common answer
31.4%
3
7.5%
4
1.5%
5
0.0%

CSS Frameworks

∑
53.7%
1
Most common answer
26.8%
2
15.2%
3
6.9%
4
2.9%
5
1.2%
6
0.5%
7
0.1%
8
0.1%
9
0.0%
10
0.0%
11
0.0%
12
0.0%

CSS-in-JS

∑
47.8%
1
Most common answer
20.6%
2
12.5%
3
8.1%
4
3.9%
5
1.8%
6
0.5%
7
0.3%
8
0.1%
9
0.0%
10
0.0%
11
0.0%
12
0.0%
13
0.0%
14
0.0%