콘텐츠로 건너뛰기

컴포넌트 라이브러리

프론트엔드를 구성하는 기본 요소

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:

사용량:

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
💡
기술 이름을 클릭하면 자세한 정보를 확인하고 관련 데이터를 자세히 볼 수 있습니다.

기타 라이브러리

그 외에 어떤 컴포넌트 라이브러리를 사용해 봤나요?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
02
+5
+9
+4
06
07
-5
-4
-4
11
-4
12
13
Other Answers
0%
20%
40%
60%
80%
100%
% of question respondents
Which animation libraries have you used?
Multiple
0%
20%
40%
60%
80%
100%
2
🚫 해당사항 없음
+2
741
4
588
5
504
6
365
7
76
8
+2
9
Other Answers
33
0%
20%
40%
60%
80%
100%
% of question respondents

Data Visualization

Which data visualization and graphics libraries have you used?
Multiple
0%
20%
40%
60%
80%
100%
1,245
02
1,037
03
969
04
🚫 해당사항 없음
+3
460
+5
207
+5
174
08
-2
154
-2
128
10
-1
120
0%
20%
40%
60%
80%
100%
% of question respondents

Form Libraries

Which libraries have you used to manage forms?
Multiple
0%
20%
40%
60%
80%
100%
01
1,964
02
1,095
04
🚫 해당사항 없음
+2
355
05
-1
260
06
-1
164
08
-1
62
09
-1
56
10
-1
19
11
Other Answers
42
0%
20%
40%
60%
80%
100%
% of question respondents
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

CSS Tools & Libraries

Which libraries or frameworks have you used to style your React apps?
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
-1
103
10
-1
102
0%
20%
40%
60%
80%
100%
% of question respondents

컴포넌트 페인 포인트

컴포넌트 라이브러리를 사용할 때 어떤 어려움 또는 문제점을 경험했나요?
(자유 형식 질문)
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

추천하는 리소스

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!
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.