Skip to content

Styling

What styling techniques do you use in your React Native apps?

Styling ratios over time

Dripsy
Emotion
Inline styling
NativeWind
react-native-unistyles
React Strict DOM
Restyle
StyleSheet API
styled components
StyleX
Tamagui
Tailwind React Native Classnames (twrnc)

Mode:

View:

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

Styling experience & sentiment

Group by:

Sort by:

1

94.1%
4.4%
2,163
2

90.4%
5.9%
3.1%
2,157
3

46.2%
39%
14.4%
2,131
4

36.9%
47.5%
15.4%
2,150
5

18.6%
36.7%
44.5%
2,137
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.
The year 2024 brought significant stability across all styling libraries. The community has access to a variety of custom options, yet the StyleSheet API and inline styling remain the most common choices. As library authors, we must ask ourselves—why is that? Are our installation steps too complex? Do developers still see the StyleSheet API as the most performant and reliable option? Or perhaps all these extra features aren’t truly necessary? We’ve also seen some libraries gain significant popularity: NativeWind (+15%), Unistyles (+13%), and twnrc (+5%). None of them introduce their own components, and they focus solely on styling. Is this the beginning of a new trend? Another year will be needed to confirm it. Developers are most satisfied with the StyleSheet API, Unistyles, and NativeWind, which is why these options have retained the largest number of users within their ecosystems. Only a few responders raised concerns about performance, but it seems that ideal library should be cross-platform, maintain parity with web styling, be simple, and offer easy customization. Whichever library meets these needs could become the leading styling solution for React Native.
Jacek Pudysz
CTO & Co-Founder at Codemask
We asked members of the React Native community to share their opinions about the results

Other solutions

Other styling solutions
Freeform
What other solutions not mentioned above have you used in your React Native apps?
0%
13%
25%
38%
51%
63%
1

gluestack_ui

19
2

6
3

Other Answers

24
0%
13%
25%
38%
51%
63%
% of question respondents

Styling pain points

Styling pain points
Freeform
What pain points have you encountered with styling in your React Native projects? If applicable, point out the specific solution and its problems.
0%
12%
24%
36%
48%
60%
1

Light/dark theme

2

Cross platform support

3

4

Performance

5

Lack of CSS api

6

Excessive complexity

7

Unusable

8

Architecture

9

Configuration

10

Animations

0%
12%
24%
36%
48%
60%
% of question respondents