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. 2. 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-elements react-native-elements — Cross Platform React Native UI Toolkitgithub.com 3. 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 toolkit An exhaustive UI component set that makes writing cross-platform React Native components as easy as it should be.shoutem. 4. UI KittenAt 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-kitten react-native-ui-kitten — 🐱 Customizable and reusable react-native component kitgithub.com 5. 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-ui react-native-material-ui — Highly customizable material design components for React Nativegithub.com 6. 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-kit react-native-material-kit - Bringing Material Design to React Nativegithub.com 7. 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! 8. 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. 9. 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-paper react-native-paper - Material Design for React Native (Android & iOS)github.com 10. React Native Vector IconsAt 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-icons react-native-vector-icons - Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image…github.com 11. TeasetAt 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. |
|
|
