1. NativeBase
At 10k stars and over 1k forks NativeBase is a widely popular UI component library providing dozens of cross-platform components for React native. When using NativeBase, you can use any native third-party libraries out of the box and the project itself comes with a rich ecosystem around it, from useful
starter-kits to
customizable theme templates.
Here’s a nice starter kit.
GeekyAnts/NativeBaseNativeBase — Essential cross-platform UI components for React Nativegithub.com2. React Native Elements
At over 12k stars react-native-elements is a highly customizable cross-platform UI toolkit built entirely in Javascript. The library’s authors
state that “The idea with React Native Elements is more about component structure than actual design, meaning less boilerplate in setting up certain elements but full control over their design”, which should make it appealing for both new developers and seasoned veterans. Here’s
an example Expo app that shows all the components in action. Feel free to jump in.
react-native-training/react-native-elementsreact-native-elements — Cross Platform React Native UI Toolkitgithub.com3. Shoutem
At 3.5k stars Shoutem is a React Native UI Kit which consists of 3 parts:
UI components,
Themes and component
Animation. The library provides a set of cross-platform components for iOS and Android, and all components are built to be both composable and
customizable. Each component also has a predefined style that is consistent with the rest, which makes it possible to build complex components without manually defining complex styles.
Shoutem UI toolkitAn exhaustive UI component set that makes writing cross-platform React Native components as easy as it should be.shoutem.github.io4. UI Kitten
At 3k stars this library provides a customizable and reusable react-native component kit based on the concept of moving style definitions into a specific place making components reusable and styled in a single way. Themes can be rather easily changed ”on the fly” by passing a different set of variables. Here’s a nice
Expo application to look around.
akveo/react-native-ui-kittenreact-native-ui-kitten — 🐱 Customizable and reusable react-native component kitgithub.com5. React Native Material UI
A 2k stars library with a set of highly customizable UI components implementing Google’s material design. Note that the library is using a single JS object called uiTheme that is passed in via context for max customizability. By default, this uiTheme object is based on the lightTheme that you can find
here. Here’s
a list of the library’s components with visual examples.
xotahal/react-native-material-uireact-native-material-ui — Highly customizable material design components for React Nativegithub.com6. React Native Material Kit
Although last NPM publish was on Dec 2017, this 4k-stars library is still worth a mention with a basic yet useful set of UI components and themes implementing Google’s MD. Why? because it’s simple, useful and low on surrounding “noise”. Due to relatively low maintenance, use with caution.
xinthink/react-native-material-kitreact-native-material-kit - Bringing Material Design to React Nativegithub.com7. Nachos UI
At 1.5k stars Nachos UI is a React Native component library with over 30 customizable components which also work on the web thanks to
react-native-web. With jest snapshot testing, prettier and yarn support this carefully crafted library offers a spicy design and a global theme manager. Nice!
nachos-ui/nachos-uinachos-ui - Nachos UI is a React Native component library.github.com8. React Native UI Library
Wix engineering are working on this state-of-the-art UI toolset and component library for React native (
demo) which also supports
react-native-animatable and
react-native-blur out of the box. The library comes with a pre-defined set of style presets (which are translated to modifiers) including Colors, Typography, Shadows, Border Radius and more. Take a look.
wix/react-native-ui-libreact-native-ui-lib - UI Components Library for React Nativegithub.com9. React Native Paper
At nearly 1.5K stars React Native Paper is a cross-platform UI component library which follows the material design guide lines, with
global theming support and an optional babel-plugin to reduce bundle-size. Here’s an
Expo example app to help you quickly get the idea.
callstack/react-native-paperreact-native-paper - Material Design for React Native (Android & iOS)github.com10. React Native Vector Icons
At nearly 10k stars this library is, well, a set of customizable icons for React native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling. Unsurprisingly, it’s extremely useful and used by thousands of applications as well as other UI component libraries (like react-native-paper). The library provides pre-made bundled icon sets out of the box, and here are
full examples of all the icons in the library.
oblador/react-native-vector-iconsreact-native-vector-icons - Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image…github.com11. Teaset
At 1.3k stars Teaset is a UI library for react native with 20+ pure JS(ES6) components, focusing on content display and action control. Documentation is scarce (at best), but its simplicity and design captured my eye. Take a look.
rilyu/teasetteaset - A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action…github.com
