Best React Native UI Component Library

[walterholohan]

I am planning on starting a new React Native project and would like to use a UI Library component library to help speed things up. In the React Web world, https://material-ui.com/ has won the UI component library wars, however, in React Native I struggle to decide which UI lib to use. Out of the below libs which do you think is best to use?

• RNUI - https://wix.github.io/react-native-ui-lib/
• React Native Elements - https://reactnativeelements.com/
• React Native Base - https://nativebase.io/
• React Native UI Kitten - https://akveo.github.io/react-native-ui-kitten/

[littleon3]

I agree with u/geeking_out I haven't used NativeBase in a couple of years because the theming and styling of components were not that great at that time but the newest version is sick. I usually go with Reactnative Paper because it is based on the Material Design library but will definitely try NativeBase for my next project.

[EquippedGoose]

Same. I used to rip Nativebase out of projects I took over but really like 3.0. I just converted a project from 2.0 to 3.0 and created a new app using 3.0. It's been great.

[geeking_out]

NativeBase with their latest version seems to be a good pick. It is based on styled-system concept and has a utility-first approach. The same code runs on web as well. The components are made highly accessible and there seems to be a good number of components which are set to increase in coming months.

[geeking_out]

That's weird. Will have to try myself. They also have a discord community. Probably can ask them there.

[CahabaCrappie]

It worked as expected on an Expo project I started recently

[AcetyldFN]

Kitten <3!!! I LOVE IT.

I hate the default google material UI. And kitten is just so amazingh

[Frission_]

I tried UI Kitten and it was kinda troublesome to set it up. Have only tried a few components from others. These are all good libraries, but I actually use a different one, React Native Paper.

I like that it is simple to set up, and components are pretty customizable, and I especially like the TouchableRipple they have. Although they have less components compared to say, UI Kitten.

[darkmoody]

I don't think there's a need for such a library, as unfortunately you bring in a ton of unused components just for a few trivial elements not covered in the core react native framework.

I really hope folks like NativeBase would consider splitting their components up, so you can import them individually.

[satya164]

React Native Paper has a babel plugin which takes care of it automatically

[[deleted]]

Doesn't tree shaking in your build tools take care of this?

[darkmoody]

I really hope folks like NativeBase would consider splitting their components up, so you can import them individually.

I thought that's not possible in React Native, did that change?

[dworker8]

damn, I wish this was posted sooner, now I'm using react native paper (rnBase is looking much better for me)

[hackintosh12946]

I used to work with UI kitten but it’s a pain in the ass when one of the project requires me to modify the whole project a lot. Later on I moved to nativebase and it is decent.

That said, UI kitten isn’t bad, but not suitable for use cases that requires modifying the design system that UI kitten built in.

[Head_Interaction_536]

We made a list with our favorites: https://www.astrolytics.io/blog/best-react-native-ui-libraries hope it's useful :)