# React Native Basic UI - ✅ highly performant - ✅ lightweight - ✅ customizable - ✅ easy to use - ✅ typed - ✅ documented - ✅ accessible - ✅ compatible with Expo [![npm version](https://img.shields.io/npm/v/react-native-basic-ui.svg)](https://www.npmjs.com/package/react-native-basic-ui) [![Downloads](https://img.shields.io/npm/dm/react-native-basic-ui.svg)](https://img.shields.io/npm/dm/react-native-basic-ui.svg) [![Top language](https://img.shields.io/github/languages/top/janziemba/react-native-basic-ui)](https://github.com/janziemba/react-native-basic-ui) [![DeepScan grade](https://deepscan.io/api/teams/12854/projects/15894/branches/325616/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=12854&pid=15894&bid=325616) [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/janziemba/react-native-basic-ui/master/LICENSE.md) ## Screenshots ![Button](/website/static/img/Button01.png) ![Button](/website/static/img/Button02.png) ![Text](/website/static/img/Text01.png) ![Label](/website/static/img/Label01.png) ![TextInput](/website/static/img/TextInput01.png) ![Rating](/website/static/img/Rating01.png) ## Getting started ```sh yarn add react-native-basic-ui ``` or ```sh npm install react-native-basic-ui ``` Also, complete installation of [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons#installation) and [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient#installation), otherwise you won't be able to use the Icon component and linear gradients. ## Documentation See [janziemba.github.io/react-native-basic-ui](https://janziemba.github.io/react-native-basic-ui). ## Example Check this [Expo](https://snack.expo.io/@janziemba/react-native-basic-ui) and [example](example) directory. ## Author ### Jan Ziemba 🇨🇿 Check out my React Native portfolio website