Skip to content

Components libraries

What UI components libraries do you use in your React Native apps?

Component libraries ratios over time

gluestack-ui
NativeBase
React Native Elements
React Native Material Kit
react-native-material-ui
react-native-paper
RNUILib (react-native-ui-lib)
Shoutem UI
ui-kitten
Tamagui

Mode:

View:

0%
20%
40%
60%
80%
100%
2022
2023
2024
0%
20%
40%
60%
80%
100%

Components libraries experience & sentiment

Group by:

Sort by:

1

40.3%
46.6%
12.6%
1,905
2

27.9%
48.6%
23.1%
1,908
3

24.5%
47.3%
27.9%
1,916
4

19.4%
56.4%
24%
1,890
5

11.7%
38.4%
49.7%
1,920
Experience
  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.
Sentiment
  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
Almost all major component libraries have experienced a decline in usage, continuing the broader trend observed last year. Interest analysis reveals a downward trajectory all across the board. With developers complaining mostly about performance and maintenance. Interestingly, while awareness of these libraries remains strong, it doesn’t seem to translate into actual usage. This suggests that developers are increasingly opting for alternative approaches. A closer look at the Styling category reveals that solutions like NativeWind (riding on the popularity of Tailwind in the web ecosystem) and inline styling are growing even faster than last year. This could signal a shift in how developers approach UI development in React Native apps—moving away from pre-built UI kits in favor of more flexible, web-inspired styling solutions. Maybe it’s a sign of maturing ecosystem, where teams adopting React Native eventually gravitate towards custom UI libraries tailored to their apps. After all, React Native is almost 10 years old now!
Michał Pierzchała
Head of Technology at Callstack
We asked members of the React Native community to share their opinions about the results

Data visualisation

What data visualisation solutions do you use in your React Native apps?
0%
18%
35%
53%
70%
88%
1

87.58%
1,283
2

27.92%
409
3

21.3%
312
4

17.13%
251
5

react-native-gifted-charts

1.57%
6

react-native-skia

1.23%
7

react-native-echarts

0.89%
8

D3.js

0.61%
9

react-native-charts-wrapper

0.41%
10

Other Answers

1.24%
18
0%
18%
35%
53%
70%
88%
% of question respondents

Other popular component(s) libraries

What other popular component(s) libraries do you use in your React Native apps?
Other popular libraries that offer ready-made components for various APIs and mechanisms not yet covered in the survey.
0%
16%
31%
47%
62%
78%
1

78.01%
1,469
2

74.77%
1,408
3

65.22%
1,228
4

60.12%
1,132
5

57.14%
1,076
6

57.09%
1,075
7

53.8%
1,013
8

51.25%
965
9

41.48%
781
10

37.33%
703
11

34.63%
652
12

32.98%
621
13

26.23%
494
14

26.08%
491
15

24.91%
469
16

react-native-keyboard-controller

0.21%
17

lucide-react-native

0.16%
18

react-native-actions-sheet

0.16%
19

Other Answers

2.86%
54
0%
16%
31%
47%
62%
78%
% of question respondents

Components libraries pain points

Components libraries pain points
Freeform
What pain points have you encountered with UI components libraries in your React Native projects? If applicable, point out the specific solution and its problems.
0%
9%
18%
28%
37%
46%
1

Unusable

2

List

3

Maintenance

4

Performance

5

Customization

6

Cross platform support

7

Excessive complexity

8

Bottom sheet

9

Debugging in general

10

Version changes

11

Lack of documentation

12

Other Answers

Answers matching “Other Answers” 50
0%
9%
18%
28%
37%
46%
% of question respondents