What styling techniques do you use in your React Native apps?
Styling ratios over time
Styling ratios over time
Styling experience & sentiment
Styling experience & sentiment
Group by:
Sort by:
1
2,163
2
2,157
3
2,131
4
2,150
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
Other solutions
Other solutions
Other styling solutions
Freeform
What other solutions not mentioned above have you used in your React Native apps?
Styling pain points
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.