react-native-really-awesome-button - 📱React Native 60fps extendable, production ready component that renders an animated set of 3D UI buttons

•    Javascript

---

react-native-really-awesome-button is a performant, extendable, production ready ReactNative component that renders an animated set of 3D UI buttons. MIT. Copyright (c) 2018 Rafael Caferati.

react-native react-ui-components button 3d-buttons react-native-component react-native-button react-native-buttons progress-button animated-buttons ui-component animated-button awesome-button really-awesome-button 3d-button react-component ios android

kittenTricks - 🐈 A react native mobile starter kit with over 40 screens and theme hot reload support

•    Javascript

---

A perfect starter kit for your next cross-platform React Native app. FREE and open-source! Check out live demo on App Store or Google Play.MIT license.

react-native starter-kit demo-app react-native-ui-kitten ios android ui

argon-react-native - Argon React Native

•    Javascript

---

Argon React Native is a fully coded app template built over Galio.io, React Native and Expo to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like Argon's Design System, minimalistic and easy to use. Start your development with a badass Design System for React Native inspired by Argon Design System. If you like Argon's Design System, you will love this react native app template! It features a huge number of components and screens built to fit together and look amazing.

argon-react-native argon-design-system argon-app-react-native argon-ios react-native-ios creative-tim argon-android react-native-ui-kit react-native-expo freebie react-native-argon-design react-native-galio galio-argon-free galio-react-native-free-app argon-expo-react-native react-native-ui-template

material-kit-react-native - Material Kit React Native

•    Javascript

---

Material Kit React Native is a fully coded app template built over Galio.io, React Native and Expo to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like Google's material design, minimalistic and easy to use. Start your development with a badass material UI Kit for React Native inspired by Material Design. If you like Google's Material Design, you will love this react native kit! It features a huge number of components and screens built to fit together and look amazing.

open-source react-native material material-design ios-app free android-app

galio - Galio is a beautifully designed, Free and Open Source React Native Framework

•    Javascript

---

Galio is one of the coolest UI libraries you could ever use, licensed under MIT. Carefully crafted by developers for developers. Ready-made components, typography, and a gorgeous base theme that is easily adaptable to each project.

react react-native expo android ios galio mobile-development reactnative react-native-app react-native-ui react-native-galio open-source minimalist-design component-library ui-kit bootstrap

react-native-material-kit - Bringing Material Design to React Native

•    Javascript

---

A set of UI components, in the purpose of introducing Material Design to apps built with React Native, quickly and painlessly. First, cd to your RN project directory, and install RNMK through rnpm . If you don't have rnpm, you can install RNMK from npm with the command npm i -S react-native-material-kit and link it manually (see below).

react-native material-design react native react-component react-native-component ios android materialkit

NativeBase - Essential cross-platform UI components for React Native

•    Javascript

---

NativeBase is a sleek, ingenious and dynamic front-end framework created by passionate React Loving team at Geekyants.com to build cross platform Android & iOS mobile apps using ready to use generic components of React Native. What is really great with NativeBase is that you can use shared UI cross-platform components, which will drastically increase your productivity. When using NativeBase, you can use any native third-party libraries out of the box.

react-native nativebase ui-components native-platforms ios android react native native-modules react-component navbar packager rnpm

react-native-magic-move - Create magical move transitions between scenes in react-native 🐰🎩✨

•    Javascript

---

A follow up project called react-native-shared-element has been created which can be considered the successor to react-native-magic-move. It it an all native solution that provides superior performance (no more passes over the react-native bridge) and transitions. It however does not support some of the more exotic transition types (flip, shrinkAndGrow) that Magic Move does. It also doesn't support the web-platform yet and requires native extensions to run. New users are advised to use react-native-shared-element when possible. As for Magic Move, no more new developments will be started for Magic Move, merely critical bug-fixes. This notification will be updated as development on react-native-shared-element progresses. * The native extensions are recommended to get the best performance, but they are not required. This makes it possible to use react-native-magic-move with expo or react-native-web. If you're having trouble installing the native extensions, please see this guide on how to install them manually.

react-native magic-move scene transitions ui-animation react-native-magic-move fluid scene-transition

native-starter-kit - React Native Starter App with NativeBase + CodePush + Redux

•    Javascript

---

Note: Shifted to React Navigation from React Native Router Flux in the master branch. React Navigation has become standard for navigation solution in React Native. We are just keeping up with the current trend. No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.

nativebase codepush redux react react-native android ios native native-base native-modules react-component navbar packager rnpm es6 react-native-code-push react-native-boilerplate react-native-with-redux react-native-with-redux-boilerplate native-base-boilerplate react-native-with-native-base

react-virgin - The react-native UI Kit you've been looking for.

•    Javascript

---

Trixie is a meditation app chatbot to suggest you meditations based on your mood and time of the day. React-Virgin requires Node.js v4+ to run.

react-native ui-components uikit ui-design ui-kit

react-native-material-ui - Highly customizable material design components for React Native

•    Javascript

---

If you need anything ping us on twitter.

react-native material-design ui-kit android ios material design ui components react-component

react-native-button-component - A Beautiful, Customizable React Native Button component for iOS & Android

•    Javascript

---

React Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.

react react-native button react-native-button ios android react-button react-native-button-component component react-component react-native-component

react-native-size-matters - A React-Native utility belt for scaling the size your apps UI across different sized devices

•    Javascript

---

A React-Native utility belt for scaling the size your apps UI across different sized devices. When developing with react-native, you need to manually adjust your app to look great on variety of different screen sizes. That's a tedious job. react-native-size-matters provides some simple tooling to make your scaling a whole lot easier. The idea is to develop once on a standard ~5" screen mobile device and then simply apply the provided utils. 📖 You can read more about what led to this library on my blog post, that can be found in this repo or at Soluto Engineering Blog.

react-native scaling tablet

react-native-web - React Native for Web

•    Javascript

---

"React Native for Web" brings the platform-agnostic Components and APIs of React Native to the Web. High-quality user interfaces: React Native for Web makes it easy to create fast, adaptive web UIs in JavaScript. It provides native-like interactions, support for multiple input modes (touch, mouse, keyboard), optimized vendor-prefixed styles, built-in support for RTL layout, built-in accessibility, and integrates with React Dev Tools.

react react-web react-native react-components ui-framework css-in-js i18n

react-native-facebook-account-kit - Facebook Account Kit SDK wrapper for React Native

•    Objective-C

---

A Facebook Account Kit SDK wrapper for react-native. The table below shows the supported versions of React Native and the different versions of react-native-facebook-account-kit.

react-native account-kit android ios facebook react native account kit sdk

react-native-image-picker - :sunrise_over_mountains: A React Native module that allows you to use native UI to select media from the device library or directly from the camera

•    Java

---

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. To use this library you need to ensure you match up with the correct version of React Native you are using.

react-native image-picker picker react-native-image-picker react native image

apollo-universal-starter-kit - Apollo 2 Universal Starter Kit — GraphQL React JavaScript app boilerplate for Mobile, Server and Web where code for all platforms built with Webpack to enable max code reuse, stack: Apollo, GraphQL, React 16, React Native, Expo, Express, Knex, SQLite, Twitter Bootstrap, Babel, Webpack

•    Javascript

---

Apollo Universal Starter Kit is a SEO friendly boilerplate for Universal Mobile and Web app development built on top of Apollo, GraphQL, React 16, React Native, Expo, Redux, Express with SQL storage support, for styling Twitter Bootstrap, NativeBase and Ant Design integration. Hot Code Reload of back end & front end using Webpack and Hot Module Replacement to reflect your changes instantly and help you stay productive. This starter kit adds full React Native integration, with Webpack as a packager and Expo. No native code compilation tools are needed in order to develop native mobile applications with this kit. You are able to run both web and mobile versions of your app at the same time connected to the same backend.

graphql apollo webpack starterkit universal react react-native expo auth docker typescript starter redux

React Native - A framework for building native apps with React.

•    Javascript

---

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps.

mobile-framework mobile-development mobile-application-development hybrid-mobile-framework

react-native-material-design - React Native UI Components for Material Design

•    Javascript

---

React Native components which implement Material Design. This repository has been heavily developed on top of the mrn project started by @binggg. Improvements include support for the latest React Native versions, many bug fixes, extra components, backward compatibility to Android SDK API 16 and more.

react-native material design ui components react-component android

react-native-shop-ui - A react native clothes shopping app UI.

•    Javascript

---

A creative and modern clothes shopping app design for react-native using the native-base UI components. It works well with both IOS and Android. Updating the codebase will require changes to the .js files in the src/ folder. Individual pages can be edited by editing the .js files in src/page/. Re-usable components can be edited by editing the .js files in src/component/.

react-native native-base ios android typescript ecmascript2015