İçeriğe atla

State of React 2025

Bileşen Kütüphaneleri

Ön yüzünüzün/Frontend'inizin yapı taşları

UI Libraries Ratios Over Time

Ant Design
Chakra UI
Headless UI
MUI
Radix
React Bootstrap
shadcn/ui
React Aria
Mantine
Magic UI
HeroUI (previously NextUI)

Mode:

View:

Usage:

Proportion of respondents having used an item
0%
20%
40%
60%
80%
100%
2023
2024
2025
0%
20%
40%
60%
80%
100%

Number of Items

A big proportion of users don't use any component library at all–while at the same time, those who do use one are likely to have tried out multiple options. This suggests the space isn't quite settled yet, and that there's still room for new entrants to make their mark.
0%
7%
13%
20%
27%
33%
01
0
1,246
02
1
473
03
2
523
04
3
501
05
4
370
06
5
260
07
6
171
08
7
121
09
8
44
10
9
34
11
10
7
12
11
10
0%
7%
13%
20%
27%
33%
% of survey respondents
2.3
💡
You can click on any technology name to get extra details and a more in-depth look at its related data.

Diğer Bileşen Kütüphaneleri

Başka hangi bileşen kütüphanelerini kullandınız?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
01
Base UI
02
03
Fluent UI
+5
04
Ark UI
+9
05
PrimeReact
+4
06
07
-5
08
shadcn/ui
09
Ariakit
-4
10
Tamagui
-4
11
-4
12
13
Other Answers
0%
20%
40%
60%
80%
100%
% of question respondents
221
6%
5

Animasyon

Hangi animasyon kütüphanelerini kullandınız?
Multiple
0%
20%
40%
60%
80%
100%
1
Motion (ex-Framer Motion)
1,443
2
🚫 Yok
+2
741
3
React-Spring
631
4
588
5
504
6
365
7
76
8
+2
9
Other Answers
33
0%
20%
40%
60%
80%
100%
% of question respondents
2,631
70%
10

Veri Görselleştirme

Hangi veri görselleştirme ve grafik kütüphanelerini kullandınız?
Multiple
0%
20%
40%
60%
80%
100%
01
Chart.js
1,245
02
1,037
03
969
04
🚫 Yok
+3
460
05
Highcharts
437
06
ECharts
+5
207
07
ApexCharts
+5
174
08
-2
154
09
Victory
-2
128
10
-1
120
0%
20%
40%
60%
80%
100%
% of question respondents
2,583
69%
10

Form Kütüphaneleri

Formları yönetmek için hangi kütüphaneleri kullandınız?
Multiple
0%
20%
40%
60%
80%
100%
01
1,964
02
1,095
03
TanStack Form
+8
567
04
🚫 Yok
+2
355
05
-1
260
06
-1
164
07
Mantine Forms
-1
122
08
-1
62
09
-1
56
10
-1
19
11
Other Answers
42
0%
20%
40%
60%
80%
100%
% of question respondents
2,643
70%
10

Form Patterns

The debate between controlled and uncontrolled form components isn't really one. Respondents mainly switch between either pattern; but if they need to pick then controlled forms are the clear winner.
Which form pattern do you usually prefer using?
0%
20%
40%
60%
80%
100%
1
Both, depending on the situation
1,423
2
Controlled form components
1,024
3
Uncontrolled form components
200
4
Other Answers
8
0%
20%
40%
60%
80%
100%
% of question respondents
2,647
70%
10

CSS Araçları & Kütüphaneleri

React uygulamalarınıza stil vermek için hangi kütüphaneleri veya framework'leri kullandınız?
Multiple
0%
20%
40%
60%
80%
100%
01
2,142
02
1,794
03
1,607
04
1,594
05
786
06
467
07
+4
329
08
-1
199
09
Panda
-1
103
10
-1
102
0%
20%
40%
60%
80%
100%
% of question respondents
2,740
73%
10

Bileşenlerin Sorun Noktaları

Bileşenlerle çalışırken ne gibi sorunlarla karşılaştınız?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
1
Styling & customization
2
3
React issues
4
CSS-in-JS issues
+1
5
Form issues
-3
6
Excessive complexity
+1
7
Breaking changes
8
Bloat
+9
9
Other Answers
0%
20%
40%
60%
80%
100%
% of question respondents
115
3%
5

Recommended Resources

Enterprise UI Development: Testing & Code Quality
Steve Kinney
Temporal

Enterprise UI Development: Testing & Code Quality

Learn unit testing with Vitest, continuous integration via GitHub Actions, component and accessibility testing with Axe, mocking techniques, and code standard enforcement using ESLint and Husky & Lint-Staged.
The Hard Parts of UI Development
Will Sentance
Codesmith

The Hard Parts of UI Development

Develop an under-the-hood knowledge of UI dev by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch!
Sponsored content from our partners. Learn more.