README.md · fanruliang/fetch-react-native-components

## React Native Components List

Use `react-native` keyword search in `npm registry` package, fetch 'README.md' pictures inside.

------

Update date: Tue Jan 26 2016 09:47:10 GMT+0800 (CST)

------

### [apsl-react-native-button](https://github.com/APSL/react-native-button)

React Native button component with rounded corners.

![Button component screenshot](https://raw.githubusercontent.com/wiki/APSL/react-native-button/button.png)

------

### [babel-preset-react-native-hmre](https://github.com/yadi-social/babel-preset-react-native-hmre)

Babel preset for React Native HMR

![david-dm</a>](https://www.npmjs.com/package/babel-preset-react-native-hmre)

![npm version</a>](https://www.npmjs.com/package/babel-preset-react-native-hmre)

![npm downloads</a>](https://www.npmjs.com/package/babel-preset-react-native-hmre)

![npm license</a>](https://www.npmjs.com/package/babel-preset-react-native-hmre)

------

### [cairn](https://github.com/adamterlson/cairn)

Simpler string-based styling for React Native

------

### [code-push-cli](https://microsoft.github.io/code-push)

Management CLI for the CodePush service

![CodePush CLI](https://cloud.githubusercontent.com/assets/116461/12046296/624c5d66-ae6b-11e5-9e0f-6f2f43e46eed.png)

![Deployment History](https://cloud.githubusercontent.com/assets/696206/11605068/14e440d0-9aab-11e5-8837-69ab09bfb66c.PNG)

------

### [envirs-react-native-cli](https://github.com/Spikef/envirs-react-native-cli)

A react native command tool build by Envirs Team.

![image](https://github.com/Spikef/envirs-react-native-cli/raw/master/images/keygen.jpg)

------

### [eslint-plugin-react-native](https://github.com/intellicode/eslint-plugin-react-native)

React Native specific linting rules for ESLint

------

### [exp](https://github.com/exponentjs/exp)

The command-line tool for creating and publishing rich articles written with JavaScript and React Native

![Slack](http://slack.exponentjs.com/badge.svg)

------

### [fetch-wrapper](https://github.com/nikhilaravi/fetch-wrapper)

Wrapper around isomorphic-fetch to retry the request if there is an error

------

### [frisbee](https://github.com/niftylettuce/frisbee)

Your API wrapper for ES6's fetch method.  Easily make HTTP requests to your API.

![Frisbee](https://cdn.rawgit.com/niftylettuce/frisbee/master/media/logo-revised.svg)

------

### [gb-native-router](https://github.com/MikaelCarpenter/gb-native-router)

Easy to use Navigator for your native app.

![NavBar Example](http://i.imgur.com/h5jUDC8.png)

------

### [generator-irrigate](https://github.com/GantMan/irrigate)

Create new react native files that fit the IR workflow

![irrigate](https://raw.githubusercontent.com/GantMan/irrigate/master/_art/logo.png)

------

### [generator-react-dom-native](https://github.com/sesteva/generator-react-dom-native)

Yeoman generator: Create project and components for both Web and Native sharing all logic

![NPM version](https://badge.fury.io/js/generator-react-dom-native.svg)

------

### [gl-react-native](https://github.com/ProjectSeptemberInc/gl-react-native)

OpenGL bindings for react-native to implement complex effects over images and components, in the descriptive VDOM paradigm

![icon](https://cloud.githubusercontent.com/assets/211411/9813786/eacfcc24-5888-11e5-8f9b-5a907a2cbb21.png)

![](https://github.com/ProjectSeptemberInc/gl-react-native/raw/master/docs/simple.gif)

![](https://github.com/ProjectSeptemberInc/gl-react-native/raw/master/docs/advancedeffects.gif)

![](https://github.com/ProjectSeptemberInc/gl-react-native/raw/master/docs/install-steps.png)

------

### [gravatar-api](https://github.com/lwhiteley/nodejs-gravatar)

module to build image and profile urls for gravatar

------

### [haste-resolver-webpack-plugin](https://github.com/yuanyan/haste-resolver-webpack-plugin)

Haste resolver plugin for webpack

![npm version](https://badge.fury.io/js/haste-resolver-webpack-plugin.svg)

------

### [js-data-asyncstorage](http://www.js-data.io/docs/dsasyncstorageadapter)

js-data Adapter for react-native AsyncStorage

![js-data logo](https://raw.githubusercontent.com/js-data/js-data/master/js-data.png)

------

### [k-react-native-swipe-unlocker](https://github.com/leowang721/k-react-native-swipe-unlocker)

A simple swipe unlock for React Native

![Normal Screen](https://leowang721.github.io/images/resource/k-react-native-swipe-unlocker/normal-screen.png)

------

### [melon-native-refreshable-scroll-view](https://github.com/react-melon/melon-native-refreshable-scroll-view)

A ScrollView that supports pull-to-refresh. You can customize it with the RefreshIndicator and type of ScrollView (ex: ListView) of your choice.

![Slack](http://slack.exponentjs.com/badge.svg)

------

### [melon-native-swiper](https://github.com/react-melon/melon-native-swiper)

Swiper component for React Native.

![logo](http://i.imgur.com/P4cRUgD.png)

------

### [metpro-react-native-progress](https://github.com/imartingraham/react-native-progress)

Progress indicators and spinners for React Native using ReactART. This is a fork of the original react-native-progress to support react-native 0.12.0

![progress-demo](https://cloud.githubusercontent.com/assets/378279/11212043/64fb1420-8d01-11e5-9ec0-5e175a837c62.gif)

------

### [mrn](https://github.com/binggg/react-native-material-design-components)

React Native Material Design Components

![http://mrn.js.org](https://github.com/binggg/mrn/raw/master/mrn-logo-text.png)

![doc](http://mrn.js.org/badge.svg)

![MRN Screenshots](http://mrn.js.org/user/image/Feature1.png)

![MRN Screenshots](http://mrn.js.org/user/image/Feature2.png)

![MRN Screenshots](http://mrn.js.org/user/image/Feature3.png)

![MRN Screenshots](http://mrn.js.org/user/image/Feature4.png)

![MRN Screenshots](http://mrn.js.org/user/image/Feature5.png)

![MRN Screenshots](http://mrn.js.org/user/image/Feature6.png)

------

### [npm-native](https://github.com/ptmt/npm-native)

Manage your XCode dependencies via npm

------

### [pinkbox-react](https://github.com/DenisIzmaylov/pinkbox-react)

Customized redbox (rsod) component to display your errors

![red screen of death](http://i.imgur.com/WOSx9zR.png)

------

### [react-look](https://github.com/rofrischmann/react-look)

Advanced & Dynamic Component Styling for React & React Native

![undefined](https://raw.githubusercontent.com/rofrischmann/react-look/master/docs/res/banner.png)

![bitHound Overalll Score](https://www.bithound.io/github/rofrischmann/react-look/badges/score.svg)

![npm version](https://badge.fury.io/js/react-look.svg)

------

### [react-native-accordion](https://github.com/naoufal/react-native-accordion)

An Accordion Component for React Native

![accordion](https://cloud.githubusercontent.com/assets/1627824/7762243/801c1e46-ffff-11e4-9a36-2183704b6ec6.gif)

![accordion-transit](https://cloud.githubusercontent.com/assets/1627824/7757509/ffee4358-ffd0-11e4-9fc5-13c8d6f09ad0.gif)

![accordion-tweetbot](https://cloud.githubusercontent.com/assets/1627824/7757570/6b391106-ffd1-11e4-9191-e501e81ca506.gif)

------

### [react-native-action-button](https://github.com/mastermoo/react-native-action-button)

customizable multi-action-button component for react-native

![react-native-action-button demo](http://i.giphy.com/26BkMir9IcAhqe4EM.gif)

![react-native-action-button demo](http://i.giphy.com/xTcnTeW9BBXh8wMhLq.gif)

![react-native-action-button demo](http://i.giphy.com/l0K7psuhDQGLeT3d6.gif)

![react-native-action-button demo](http://i.giphy.com/xTcnSOtuet39cM46s0.gif)

------

### [react-native-action-sheet](https://github.com/remobile/react-native-action-sheet)

A pure js ActionSheet like ios ActionSheet, support ios and android

![loading](https://github.com/remobile/react-native-action-sheet/blob/master/screencasts/demo.gif)

------

### [react-native-activity-view](https://github.com/naoufal/react-native-activity-view)

iOS share and action sheets for React Native

![react-native-activity-view](https://cloud.githubusercontent.com/assets/1627824/8025905/795fc15c-0d33-11e5-8746-622417deccc3.gif)

------

### [react-native-adbannerview](https://github.com/Purii/react-native-adbannerview)

React Native Bridge for ADBannerView

![](https://raw.githubusercontent.com/Purii/react-native-adbannerview/master/screenshot.png)

------

### [react-native-alphabetlistview](https://github.com/sunnylqm/react-native-alphabetlistview)

A Listview with a sidebar to jump to sections directly, based on johanneslumpe's react-native-selectablesectionlistview

![How it looks](http://lum.pe/sectionlistview.gif)

------

### [react-native-android-blurryoverlay](https://github.com/kwaak/react-native-android-blurryoverlay)

A react native android package to show a blurry overlay.

![Example](https://raw.githubusercontent.com/kwaak/react-native-android-blurryoverlay/master/Example/Example.gif?raw=true)

------

### [react-native-android-design-support](https://github.com/Neson/react-native-android-design-support)

React Native wrapper for Android Design Support Library, providing native Material Design to modern and also older Android devices.

------

### [react-native-android-geolocation](https://github.com/garysye/react-native-android-geolocation)

React Native Module to use Android Geolocation via Google Play API

![Google Play SDK Installation](https://raw.githubusercontent.com/garysye/react-native-android-geolocation/master/google-play-installation.png)

------

### [react-native-android-snackbar](https://github.com/luggg/react-native-android-snackbar)

React Native widget to render a snackbar in Android apps

![Snackbar demo](https://raw.githubusercontent.com/Example/snackbar.gif?raw=true)

------

### [react-native-android-statusbar](https://github.com/NishanthShankar/react-native-android-statusbar)

A react native android package to control the status bar.

![npm version](https://badge.fury.io/js/react-native-android-statusbar.svg)

------

### [react-native-android-tablayout](https://github.com/AlbertBrand/react-native-android-tablayout)

React Native Android native TabLayout component

![Image of tablayout](https://i.imgur.com/qWOWugu.gif)

------

### [react-native-android-voice](https://github.com/JoaoCnh/react-native-android-voice)

A React Native Voice Recognition Module

![npm version](https://badge.fury.io/js/react-native-android-voice.svg)

------

### [react-native-animatable](https://github.com/oblador/react-native-animatable)

Easy to use declarative transitions and a standard set of animations for React Native

![Animatable looping demo](https://cloud.githubusercontent.com/assets/378279/10716023/9f4a6670-7b00-11e5-944c-d52a1dcf0884.gif)

![animatable-demo](https://cloud.githubusercontent.com/assets/378279/10629128/3c373324-779a-11e5-8311-a3a489575b75.gif)

![animatable-attention](https://cloud.githubusercontent.com/assets/378279/10590307/ef73b1ba-767d-11e5-8fb9-9779d3a53a50.gif)

![animatable-bouncein](https://cloud.githubusercontent.com/assets/378279/10590306/ef572bbc-767d-11e5-8440-8e61d401537a.gif)

![animatable-bounceout](https://cloud.githubusercontent.com/assets/378279/10590305/ef56e4cc-767d-11e5-9562-6cd3210faf34.gif)

![animatable-fadein](https://cloud.githubusercontent.com/assets/378279/10590304/ef4f09b4-767d-11e5-9a43-06e97e8ee2c1.gif)

![animatable-fadeout](https://cloud.githubusercontent.com/assets/378279/10590303/ef3e9598-767d-11e5-83bc-bd48d6017131.gif)

![animatable-flip](https://cloud.githubusercontent.com/assets/378279/10590296/ef3076ca-767d-11e5-9f62-6b9c696dad51.gif)

![animatable-lightspeed](https://cloud.githubusercontent.com/assets/378279/10590301/ef374c8e-767d-11e5-83ad-b249d2731f43.gif)

![animatable-slidein](https://cloud.githubusercontent.com/assets/378279/10590300/ef36dfe2-767d-11e5-932b-1cccce78087b.gif)

![animatable-slideout](https://cloud.githubusercontent.com/assets/378279/10590299/ef35a3ca-767d-11e5-94e0-441fd49b6444.gif)

![animatable-zoomin](https://cloud.githubusercontent.com/assets/378279/10590302/ef37d438-767d-11e5-8480-a212e21c2192.gif)

![animatable-zoomout](https://cloud.githubusercontent.com/assets/378279/10590298/ef33fa52-767d-11e5-80fe-6b8dbb5e53d0.gif)

------

### [react-native-arc-progress](https://github.com/hite/react-native-arc-progress)

React Native component for creating animated, arc progress with ReactART

![image](https://raw.githubusercontent.com/hite/react-native-arc-progress/master/screenshot.gif)

------

### [react-native-asciimage](https://github.com/turley/react-native-asciimage)

An ASCIImage component for React Native

![Example Result](https://raw.githubusercontent.com/turley/react-native-asciimage/master/example.png)

------

### [react-native-autopilot](https://github.com/jerolimov/react-native-autopilot)

Automatically push and pop navigator routes/scenes/screens if the navigator props was changed.

------

### [react-native-awesome-button](https://github.com/larsvinter/react-native-awesome-button)

A React Native component rendering a button supporting showing different appearances and functionality given the passed props

![Example code result](https://raw.githubusercontent.com/larsvinter/react-native-awesome-button/master/docs/simple.png)

![Example code result](https://raw.githubusercontent.com/larsvinter/react-native-awesome-button/master/docs/advanced.png)

------

### [react-native-background-geolocation](https://transistorsoft.github.io/react-native-background-geolocation)

Sophisticated background location-tracking with battery-conscious motion-detection

![Google Play](https://dl.dropboxusercontent.com/u/2319755/cordova-background-geolocaiton/google-play-icon.png)

![Home](https://www.dropbox.com/s/4cggjacj68cnvpj/screenshot-iphone5-geofences-framed.png?dl=1)

![Settings](https://www.dropbox.com/s/mmbwgtmipdqcfff/screenshot-iphone5-settings-framed.png?dl=1)

![Home](https://www.dropbox.com/s/4cggjacj68cnvpj/screenshot-iphone5-geofences-framed.png?dl=1)

![Settings](https://www.dropbox.com/s/mmbwgtmipdqcfff/screenshot-iphone5-settings-framed.png?dl=1)

------

### [react-native-background-geolocation-android](https://transistorsoft.github.io/react-native-background-geolocation-android)

Sophisticated background location-tracking with battery-conscious motion-detection

![Home](https://www.dropbox.com/s/4cggjacj68cnvpj/screenshot-iphone5-geofences-framed.png?dl=1)

![Settings](https://www.dropbox.com/s/mmbwgtmipdqcfff/screenshot-iphone5-settings-framed.png?dl=1)

![Home](https://www.dropbox.com/s/4cggjacj68cnvpj/screenshot-iphone5-geofences-framed.png?dl=1)

![Settings](https://www.dropbox.com/s/mmbwgtmipdqcfff/screenshot-iphone5-settings-framed.png?dl=1)

------

### [react-native-barcode-scanner](https://github.com/lifuzu/ReactNativeBarcodeScanner)

Barcode scanner for React Native

![React Native Barcode Scanner - Launcher](http://i.imgur.com/6ddBIde.png)

![React Native Barcode Scanner - Scanning](http://i.imgur.com/6Effmbr.png)

------

### [react-native-barcodescanner](https://github.com/ideacreation/react-native-barcodescanner)

A barcode scanner component for react native

![Portrait](https://raw.github.com/ideacreation/react-native-barcodescanner/master/screenshot.png)

------

### [react-native-billing](https://github.com/idehub/react-native-billing)

React Native bridge for InApp Billing on Android

------

### [react-native-blur](https://github.com/react-native-fellowship/react-native-blur)

React Native Blur component

![undefined](http://oi62.tinypic.com/8x4u94.jpg)

------

### [react-native-bounceable](https://github.com/slavik0329/react-native-bounceable)

A touchable bounce animation that can wrap any React Native view.

![undefined](https://zippy.gfycat.com/DimTeemingIraniangroundjay.gif)

------

### [react-native-browser](https://github.com/PrestoDoctor/react-native-browser)

Full-featured web browser module for React Native apps, based on TOWebViewController

![TOWebViewController](https://raw.githubusercontent.com/PrestoDoctor/react-native-browser/master/screenshot.jpg)

------

### [react-native-browser-builtins](https://github.com/originalgremlin/react-native-browser-builtins)

Builtins that were extracted from node-browser-resolve on which browserify depends.

------

### [react-native-busy-indicator](https://github.com/Durgaprasad-Budhwani/react-native-busy-indicator)

A simple busy indicator which can be trigger from any child or navigated page in react native application

![npm version](https://badge.fury.io/js/react-native-busy-indicator.svg)

![Requirements Status](https://requires.io/github/Durgaprasad-Budhwani/react-native-busy-indicator/requirements.svg?branch=master)

![Demo](https://raw.githubusercontent.com/Durgaprasad-Budhwani/react-native-busy-indicator/master/demo.gif)

------

### [react-native-calendar-android](https://github.com/chymtt/ReactNativeCalendarAndroid)

A simple material-themed calendar for react native android

![Demo Screen Capture](https://dl.dropboxusercontent.com/u/20911725/Screenshots/Screencast-2015.12.01-00.32.gif)

------

### [react-native-camera](https://github.com/lwansbrough/react-native-camera)

A Camera component for React Native. Also reads barcodes.

![npm version](https://badge.fury.io/js/react-native-camera.svg)

![](https://i.imgur.com/5j2JdUk.gif)

------

### [react-native-camera-android](https://github.com/NorthFoxz/react-native-camera-android)

React native camera view for android. Enabling you to take pictures directly on camera view, controlling flash light of the device, and also reading barcode from camera.

![undefined](http://imgur.com/WgleJwy.jpg)

![undefined](http://imgur.com/2JKwojj.jpg)

------

### [react-native-card-io](https://github.com/kayla-tech/react-native-card-io)

React Native component for card.io

![Screenshot of card.io in action](https://raw.githubusercontent.com/kayla-tech/react-native-card-io/master/screenshot.png)

------

### [react-native-charts](https://github.com/PrazAs/react-native-charts)

Delightfully-animated data visualization.

![screen shot 2015-09-02 at 7 23 31 pm](https://cloud.githubusercontent.com/assets/1638987/9647197/8ec828e0-51a8-11e5-8257-35986fa76bf5.png)

------

### [react-native-chrome-custom-tabs](https://github.com/dstaley/react-native-chrome-custom-tabs)

Launch Chrome Custom Tabs from your React Native app

![Demo of Chrome Custom Tabs in React Native](http://i.imgur.com/ZxO4Tut.gif)

------

### [react-native-circular-progress](https://github.com/bgryszko/react-native-circular-progress)

React Native component for creating animated, circular progress with ReactART

![image](https://raw.githubusercontent.com/bgryszko/react-native-circular-progress/master/screenshot.gif)

------

### [react-native-code-push](https://microsoft.github.io/code-push)

React Native plugin for the CodePush service

![Add CodePush to project](https://cloud.githubusercontent.com/assets/516559/10322414/7688748e-6c32-11e5-83c1-00d3e6758df4.png)

![Link CodePush during build](https://cloud.githubusercontent.com/assets/516559/10322221/a75ea066-6c31-11e5-9d88-ff6f6a4d6968.png)

![Libz reference](https://cloud.githubusercontent.com/assets/116461/11605042/6f786e64-9aaa-11e5-8ca7-14b852f808b1.png)

![Add CodePush library reference](https://cloud.githubusercontent.com/assets/516559/10322038/b8157962-6c30-11e5-9264-494d65fd2626.png)

![Deployment list](https://cloud.githubusercontent.com/assets/116461/11601733/13011d5e-9a8a-11e5-9ce2-b100498ffb34.png)

![Bundle version](https://cloud.githubusercontent.com/assets/116461/12307416/f9b82688-b9f3-11e5-839a-f1c6b4acd093.png)

------

### [react-native-collapsible](https://github.com/oblador/react-native-collapsible)

Animated collapsible component for React Native using the Animated API. Good for accordions, toggles etc

![demo](https://cloud.githubusercontent.com/assets/378279/8047315/0237ca2c-0e44-11e5-9a16-1da052406eb0.gif)

![accordion-demo](https://cloud.githubusercontent.com/assets/378279/10767769/2ddfe234-7cb4-11e5-8ef1-c0f8c67ead58.gif)

------

### [react-native-color-grabber](https://github.com/bsudekum/react-native-color-grabber)

React native component for finding dominant colors in an image

![](https://cldup.com/73LEp_q3UE.gif)

------

### [react-native-conekta](https://github.com/zo0r/react-native-conekta)

Conekta SDK for React Native

![npm version](https://badge.fury.io/js/react-native-conekta.svg)

------

### [react-native-console-panel](https://github.com/NativeSH/react-native-console-panel)

react native component for display console messages.

![screenshot](https://github.com/sospartan/react-native-console-panel/raw/master/demo.gif)

------

### [react-native-couchbase-lite](https://github.com/fraserxu/react-native-couchbase-lite)

couchbase lite binding for react-native

![](http://cl.ly/image/0S133n1O3g3W/static-library.png)

![](http://cl.ly/image/2c0Z2u0S0r1G/link.png)

![](http://cl.ly/image/3Z1b0n0W0i3w/sdk.png)

------

### [react-native-crosswalk-android](https://github.com/iwater/react-native-crosswalk-android)

Simple React Native Android module to use Crosswalk's WebView inside your app

------

### [react-native-css](https://github.com/sabeurthabti/react-native-css)

Style React-Native components with css and built in support for SASS

![the workflow](http://i.imgur.com/i2OdwiY.png)

------

### [react-native-css-loader](https://github.com/thewei/react-native-css-loader)

You can use react-native-css-loader width react-native-webpack-server, which can use webpack to built react-native app better.

------

### [react-native-custom-action-sheet](https://github.com/eyaleizenberg/react-native-custom-action-sheet)

iOS custom sheet with fade in/out overlay

![undefined](http://i.imgur.com/Iq6YZGj.gif)

------

### [react-native-custom-actsheet](https://github.com/guodong000/react-native-custom-actsheet)

A custom ActionSheet for react-native

![Standard](https://raw.github.com/guodong000/react-native-custom-actsheet/master/Pictures/standard.png)

![colored](https://raw.github.com/guodong000/react-native-custom-actsheet/master/Pictures/colored.png)

------

### [react-native-dashed-border](https://github.com/chirag04/react-native-dashed-border)

A <DashedBorder> element for react-native

![Demo](https://raw.githubusercontent.com/brentvatne/react-native-dashed-border-example/master/example.png)

------

### [react-native-datetime](https://github.com/cnjon/react-native-datetime)

A datetime-picker for react-native support for android and ios

![image](https://github.com/cnjon/react-native-datetime/blob/master/screencasts/ios/4.png)

![image](https://github.com/cnjon/react-native-datetime/blob/master/screencasts/android/3.png)

------

### [react-native-debug-stylesheet](https://github.com/brentvatne/react-native-debug-stylesheet)

Add coloured borders or backgrounds to all views to make it easier to debug layout issues

![Demo](https://raw.githubusercontent.com/brentvatne/react-native-debug-stylesheet/master/demo.png)

------

### [react-native-device](https://github.com/GertjanReynaert/react-native-device)

UIDevice wrapper for React Native

![undefined](http://i.imgur.com/GZeVPPd.png)

------

### [react-native-device-display](https://github.com/kkjdaniel/react-native-display-view)

A simple way to create dynamic views through device and display detection, allowing the creation of adaptable and universal apps.

![Example GIF Demo](http://i.imgur.com/RKYZf3i.gif)

![Classes Installation Visual](http://i.imgur.com/vT2qGfr.png)

------

### [react-native-device-info](https://github.com/rebeccahughes/react-native-device-info)

Get device information using react-native

![npm version](https://badge.fury.io/js/react-native-device-info@2x.png)

------

### [react-native-digits](https://github.com/fixt/react-native-digits)

Digits wrapper to use in React Native

------

### [react-native-dimmer](https://github.com/yadi-social/react-native-dimmer)

A plugin that allows you to enable (eventually lock the device) and disable the screen dim in your React Native app.

![npm version</a>](https://www.npmjs.com/package/react-native-dimmer)

![npm downloads</a>](https://www.npmjs.com/package/react-native-dimmer)

![npm license</a>](https://www.npmjs.com/package/react-native-dimmer)

------

### [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)

A simple way to dismiss the keyboard programmatically in a react native application.

![npm version](https://badge.fury.io/js/react-native-dismiss-keyboard.svg)

------

### [react-native-draggable-drawer](https://github.com/llanox/react-native-draggable-drawer)

DraggableDrawer component for React Native.

![react-native-draggable-drawer](http://i.imgur.com/AequjyD.gif)

------

### [react-native-draggablelist](https://github.com/hzzcc/react-native-dragablelist)

## Demo

![demo](https://raw.githubusercontent.com/hzzcc/react-native-dragablelist/master/Image/example.gif)

------

### [react-native-drawer](https://github.com/rt2zz/react-native-drawer)

React Native Drawer

![undefined](https://raw.githubusercontent.com/rt2zz/react-native-drawer/master/examples/rn-drawer.gif)

------

### [react-native-drawer-addmenu](https://github.com/rt2zz/react-native-drawer)

React Native Drawer

![undefined](https://raw.githubusercontent.com/rt2zz/react-native-drawer/master/examples/rn-drawer.gif)

------

### [react-native-drawer-layout](https://github.com/iodine/react-native-drawer-layout)

A platform-agnostic drawer layout. Pure JavaScript implementation on iOS and native implementation on Android. Why? Because the drawer layout is a useful component regardless of the platform! And if you can use it without changing any code, that's perfect

![](https://raw.githubusercontent.com/iodine/react-native-drawer-layout/master/example.gif)

------

### [react-native-dropdown](https://github.com/alinz/react-native-dropdown)

A better Select dropdown menu for react-native

![undefined](https://raw.githubusercontent.com/alinz/react-native-dropdown/master/dropdown.gif)

------

### [react-native-effects-view](https://github.com/voronianski/react-native-effects-view)

ReactNative Component that makes easy to use iOS8 UIVisualEffect

![Screenshot](https://raw.githubusercontent.com/voronianski/react-native-effects-view/master/example/UIVisualEffects.png)

------

### [react-native-emoji](https://github.com/jorilallo/react-native-emoji)

Emoji component for React Native

![](http://i59.tinypic.com/fe3rly.png)

------

### [react-native-estylo](https://github.com/leoantongiovanni/react-native-estylo)

Graphics library to improve programming with React-Native

![react-native-estylo button_size demo](https://res.cloudinary.com/diypu5o0f/image/upload/v1451323089/button_size_g9vy8b.png)

![react-native-estylo NavBar demo](https://res.cloudinary.com/diypu5o0f/image/upload/v1452183481/nav_bar_vzihkr.png)

![react-native-estylo TextInput demo](https://res.cloudinary.com/diypu5o0f/image/upload/v1453221887/input_text_fd0vbv.png)

------

### [react-native-eupage](https://github.com/mmslate/react-native-eupage)

Easy to show html, image, video fullscreen pages.

![Screenshots](http://7b1gcw.com1.z0.glb.clouddn.com/demo.gif)

------

### [react-native-event-source](https://github.com/jordanbyron/react-native-event-source)

A react-native component for EventSource: Server-Sent Events for iOS

![adding to XCode](http://brentvatne.ca/images/packaging/7-add-link.gif)

------

### [react-native-eventsource](https://github.com/JonnyBGod/react-native-eventsource)

A react-native component for EventSource: Server-Sent Events for iOS and Android

------

### [react-native-eximage](https://github.com/guodong000/react-native-eximage)

A Third Party Image Module.

------

### [react-native-extra-dimensions-android](https://github.com/jaysoo/react-native-extra-dimensions-android)

Access additional display metrics on Android devices: status bar height, soft menu bar height, real screen size.

![](https://raw.githubusercontent.com/jaysoo/react-native-extra-dimensions-android/master/demo.png)

------

### [react-native-facebook-login](https://github.com/magus/react-native-facebook-login)

React Native wrapper for native iOS Facebook SDK login button and manager

![preview](https://raw.githubusercontent.com/magus/react-native-facebook-login/master/images/preview.gif)

![framework-search-paths](https://raw.githubusercontent.com/magus/react-native-facebook-login/master/images/framework-search-paths.png)

![example-fbsdk-frameworks](https://raw.githubusercontent.com/magus/react-native-facebook-login/master/images/fbsdkapplicationdelegate-methods-example.png)

------

### [react-native-file-upload](https://github.com/booxood/react-native-file-upload)

A file upload plugin for react-native

------

### [react-native-file-uploader](https://github.com/farmisen/react-native-file-uploader)

An iOS/Android file upload component for React Native..

![npm version](https://badge.fury.io/js/react-native-file-uploader.svg)

------

### [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)

A file upload plugin for react-native

------

### [react-native-flip-card](https://github.com/moschan/react-native-flip-card)

The card component which have motion of flip for React Native

![js-standard-style](https://cdn.rawgit.com/feross/standard/master/badge.svg)

![](https://raw.githubusercontent.com/moschan/react-native-flip-card/master/doc/ver1_demo.gif)

------

### [react-native-flip-view](https://github.com/DispatcherInc/react-native-flip-view)

JavaScript implementation of a view container that can flip between its front and back

![flipviewdemo](https://cloud.githubusercontent.com/assets/7293984/11916918/14b36880-a6a3-11e5-84a3-dd88eca78b4d.gif)

------

### [react-native-floating-label](https://github.com/APSL/react-native-floating-label)

A floating label text input factory for tcomb-form-native

![Floating label](https://raw.githubusercontent.com/wiki/alvaromb/react-native-floating-label/floating-form.gif)

------

### [react-native-floating-label-text-input](https://github.com/eyaleizenberg/react-native-floating-label-text-input)

iOS text input with animated floating label

![undefined](http://i.imgur.com/5dddNix.gif)

------

### [react-native-floating-labels](https://github.com/mayank-patel/react-native-floating-labels)

Reusabe floating lable component for react native

![Demo](https://raw.githubusercontent.com/mayank-patel/react-native-floating-labels/master/demo.gif)

------

### [react-native-flurry](https://github.com/amitkothari/react-native-flurry)

React Native wrapper for Flurry

------

### [react-native-fm-picker](https://github.com/peter4k/React-Native-FMPicker)

A React Native PickerIOS at the bottom of the page

![screen shot](https://raw.githubusercontent.com/peter4k/React-Native-FMPicker/master/screenshot.png)

------

### [react-native-fs-modal](https://github.com/kirkness/react-native-fs-modal)

React native full screen modal component.

![React Native Modal Component GIF](https://carquids.box.com/shared/static/lwu7uso8rx5wqwb9dlvdg6vdqit7szty.gif)

------

### [react-native-gesture-password](https://github.com/Spikef/react-native-gesture-password)

A gesture password component for React Native. It supports both iOS and Android since it's' written in pure JavaScript.

![image](https://github.com/Spikef/react-native-gesture-password/raw/master/screenshot.gif)

------

### [react-native-gesture-recognizers](https://github.com/johanneslumpe/react-native-gesture-recognizers)

Gesture recognizer decorators for react-native

![pan example](http://lum.pe/react-native-gesture-recognizers-panning.gif)

![swipe example](http://lum.pe/react-native-gesture-recognizers-swiping.gif)

------

### [react-native-gestures](https://github.com/kiddkai/react-native-gestures)

composable gesture system in react native

![](http://imgur.com/6dCrcfL.gif)

![js-standard-style](https://cdn.rawgit.com/feross/standard/master/badge.svg)

------

### [react-native-gifted-form](https://github.com/FaridSafi/react-native-gifted-form)

Form component for react-native

![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-form/master/capture/signup.gif)

------

### [react-native-gifted-listview](https://github.com/FaridSafi/react-native-gifted-listview)

A ListView that embed some recurrents features like pull-to-refresh, infinite scrolling and more for Android and iOS React-Native apps

![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-listview/master/Captures/ios_refresh_page_demo.gif)

![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-listview/master/Captures/android_refresh_page_demo.gif)

------

### [react-native-gifted-messenger](https://github.com/FaridSafi/react-native-gifted-messenger)

The chat of your next React-Native Apps

![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-messenger/master/screenshots/messenger-1.png)

![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-messenger/master/screenshots/messenger-2.png)

------

### [react-native-gifted-spinner](https://github.com/FaridSafi/react-native-gifted-spinner)

Simple loading spinner that use React-Native ProgressBarAndroid or ActivityIndicatorIOS depending of the platform

![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-spinner/master/screenshot/screenshot.png)

------

### [react-native-global-event-emitter](https://github.com/paramaggarwal/react-native-global-event-emitter)

Shared event emitter between native and JS for React Native.

![Screenshot of the example app](https://github.com/paramaggarwal/react-native-global-event-emitter/raw/master/Screenshot.png)

------

### [react-native-google-analytics-bridge](https://github.com/idehub/react-native-google-analytics-bridge)

React Native bridge for using native Google Analytics libraries on iOS and Android

------

### [react-native-google-analytics-native](https://github.com/Neson/react-native-google-analytics-native)

Native Google Analytics for React Native, using Universal Analytics SDK.

------

### [react-native-google-places-autocomplete](https://github.com/FaridSafi/react-native-google-places-autocomplete)

Customizable Google Places autocomplete component for iOS and Android React-Native apps

![](https://raw.githubusercontent.com/FaridSafi/react-native-google-places-autocomplete/master/Assets/screenshot.png)

------

### [react-native-google-signin](https://github.com/apptailor/react-native-google-signin)

Google Signin for your react native applications

![xcode config](https://github.com/apptailor/react-native-google-signin/raw/master/img/demo-app.gif)

------

### [react-native-google-static-map](https://github.com/yelled3/react-native-google-static-map)

A wrapper for Google's Static Maps

![npm version](https://badge.fury.io/js/react-native-google-static-map.svg)

![Demo](https://raw.githubusercontent.com/yelled3/react-native-google-static-map/master/Example/demo.png)

------

### [react-native-grid](https://github.com/thewei/react-native-grid)

The 24-column grid component for react-native

------

### [react-native-grid-view](https://github.com/lucholaf/react-native-grid-view)

React Native Grid/Collection View component

![Image of react-grid-view](https://raw.githubusercontent.com/lucholaf/react-native-grid-view/master/screen1.jpg)

------

### [react-native-histogram](https://github.com/moschan/react-native-histogram)

The histogram component for React Native

![](https://raw.githubusercontent.com/moschan/react-native-histogram/master/doc/beta2.gif)

------

### [react-native-html-render](https://github.com/soliury/react-native-html-render)

A html render for react-native

![noder-demo](http://7lrzfj.com1.z0.glb.clouddn.com/soliurynoder-html-render.gif)

------

### [react-native-htmltext](https://github.com/siuying/react-native-htmltext)

Use HTML like markup to create stylized text in react-native.

![undefined](https://raw.githubusercontent.com/siuying/react-native-htmltext/master/example1.png)

![undefined](https://raw.githubusercontent.com/siuying/react-native-htmltext/master/example2.png)

------

### [react-native-htmlview](https://github.com/jsdf/react-native-htmlview)

A component which renders HTML content as native views

![React Native Hacker News Comments](http://i.imgur.com/FYOgBYc.png)

![Under Construction](https://jamesfriend.com.au/files/under-construction.gif)

------

### [react-native-hyperscript](https://github.com/reqshark/react-native-hyperscript)

Hyperscript syntax for React Native

------

### [react-native-icon-button](https://github.com/kkjdaniel/react-native-icon-button)

A simple button component allowing you to create customisable and visually appealing buttons.

![Demo](http://i.imgur.com/a2Ecrea.gif)

------

### [react-native-icons](https://github.com/corymsmith/react-native-icons)

Use 1000's of icon fonts easily in your React Native apps.

![npm version](https://badge.fury.io/js/react-native-icons@2x.png)

![Screenshot](https://dl.dropboxusercontent.com/u/6721696/stacked-demo.png)

------

### [react-native-image-animation](https://github.com/remobile/react-native-image-animation)

A pure js image animation like ios animationImages, support ios and android

![loading](https://github.com/remobile/react-native-image-animation/blob/master/screencasts/loading.gif)

------

### [react-native-image-picker](https://github.com/marcshilling/react-native-image-picker)

A React Native module that allows you to use the native UIImagePickerController UI to select a photo from the device library or directly from the camera.

![undefined](https://github.com/marcshilling/react-native-image-picker/blob/master/images/ios-image.png)

![undefined](https://github.com/marcshilling/react-native-image-picker/blob/master/images/android-image.png)

------

### [react-native-image-picker-with-bytes](https://github.com/eyaleizenberg/react-native-image-picker)

A React Native module that allows you to use the native UIImagePickerController UI to select a photo from the device library or directly from the camera.

![Screenshot of the UIActionSheet](https://github.com/marcshilling/react-native-image-picker/blob/master/AlertSheetImage.jpg)

------

### [react-native-image-progress](https://github.com/oblador/react-native-progress)

Progress indicator for networked images, supports progress bar and spinner

![image-progress-demo](https://cloud.githubusercontent.com/assets/378279/10882718/0f33e7b4-813b-11e5-9f6c-90df8b9050b8.gif)

------

### [react-native-inapp-browser](https://github.com/DickyT/react-native-inapp-browser)

A in-app browser for react native apps.

![inappguide](https://cloud.githubusercontent.com/assets/4535844/11191829/fde22b94-8c73-11e5-9caa-01ea11434016.gif)

![inapp](https://cloud.githubusercontent.com/assets/4535844/11191714/0a59c982-8c73-11e5-9507-ea03121502f3.gif)

------

### [react-native-infinite-scroll-view](https://github.com/exponentjs/react-native-infinite-scroll-view)

An infinitely scrolling view that notifies you as the scroll offset approaches the bottom

![Slack](http://slack.exponentjs.com/badge.svg)

------

### [react-native-instagram-oauth](https://github.com/watzak/react-native-instagram-oauth)

react-native instagram login

![Alt Text](https://github.com/watzak/react-native-instagram-oauth/raw/master/demo.png)

------

### [react-native-instagram-share](https://github.com/watzak/react-native-instagram-share)

A react-native interface to share images and videos within instagram (iOS)

![Alt Text](https://github.com/watzak/react-native-instagram-share/raw/master/demo.gif)

------

### [react-native-invertible-scroll-view](https://github.com/exponentjs/react-native-invertible-scroll-view)

An invertible ScrollView for React Native

![Slack](http://slack.exponentjs.com/badge.svg)

------

### [react-native-item-cell](https://github.com/APSL/react-native-item-cell)

React Native default style iOS item cell

![ItemCell component screenshot](https://raw.githubusercontent.com/wiki/APSL/react-native-item-cell/itemcell.png)

------

### [react-native-kenburns-view](https://github.com/nHiRanZ/react-native-kenburns-view)

KenBurns Image Effect for React Native

![kenburns view demo](https://media.giphy.com/media/xTcnT8ju8pHKhIZY9G/giphy.gif)

------

### [react-native-keyboard-aware-view](https://github.com/VansonLeung/react-native-keyboard-aware-view)

A simple React Native View component that resizes composite children views inside itself when the keyboard appears. You can implement your own ScrollView, ListView, Multiple Views etc... inside the View and set your own view to 'flex: 1'.

![Demo screen](https://dl.dropboxusercontent.com/u/11386030/out.gif)

------

### [react-native-keyboard-spacer](https://github.com/Andr3wHur5t/react-native-keyboard-spacer)

Plug and play react-Native keyboard spacer view.

![image](http://fat.gfycat.com/InconsequentialBothAmericankestrel.gif)

------

### [react-native-layout](https://github.com/jerolimov/react-native-layout)

Semantic JSX layout components for react-native

![Screenshot of BorderLayoutExample1](https://raw.githubusercontent.com/jerolimov/react-native-layout/master/screenshots/BorderLayoutExample1.png)

![Screenshot of BorderLayoutExample2](https://raw.githubusercontent.com/jerolimov/react-native-layout/master/screenshots/BorderLayoutExample2.png)

![Screenshot of BorderLayoutExample3](https://raw.githubusercontent.com/jerolimov/react-native-layout/master/screenshots/BorderLayoutExample3.png)

------

### [react-native-lightbox](https://github.com/oblador/react-native-lightbox)

Images etc in Full Screen Lightbox Popovers for React Native

![Demo](https://cloud.githubusercontent.com/assets/378279/9074360/16eac5d6-3b09-11e5-90af-a69980e9f4be.gif)

------

### [react-native-linkedin-login](https://github.com/jodybrewster/react-native-linkedin-login)

React Native wrapper for native Linkedin login button and manager

------

### [react-native-listitem](https://github.com/dancormier/react-native-listitem)

iOS-style listitem component

![listitem preview](http://i.imgur.com/x3Hlfbe.png)

------

### [react-native-loading-effect](https://github.com/Iliker/react-native-loading-effect)

a simple loading effect, based on ActivityIndicatorIOS Component

![Demo](https://github.com/Iliker/react-native-loading-effect/blob/master/demo.png)

------

### [react-native-loading-spinner-overlay](https://github.com/niftylettuce/react-native-loading-spinner-overlay)

The only pure React Native Native iOS and Android loading spinner (progress bar indicator) overlay

![Demo](https://cdn.rawgit.com/niftylettuce/react-native-loading-spinner-overlay/master/media/demo.gif)

------

### [react-native-local-auth](https://github.com/tradle/react-native-local-auth)

React Native local authentication with touch id or passcode

![Touch ID](https://raw.githubusercontent.com/tradle/react-native-local-auth/master/gifs/touchID.gif)

------

### [react-native-lock-android](https://auth0.com/)

Auth0 Lock for React Native (Android)

![Lock.png](https://cdn.auth0.com/mobile-sdk-lock/lock-android-default.png)

![Lock.png](https://cdn.auth0.com/mobile-sdk-lock/lock-android-pwdless-sms.png)

![Lock.png](https://cdn.auth0.com/mobile-sdk-lock/lock-android-pwdless-email.png)

------

### [react-native-lock-ios](https://auth0.com/)

Auth0 Lock for React Native (iOS)

![Lock.png](https://cdn.auth0.com/mobile-sdk-lock/lock-ios-default.png)

![Lock.png](https://cdn.auth0.com/mobile-sdk-lock/lock-ios-pwdless-touchid.png)

![Lock.png](https://cdn.auth0.com/mobile-sdk-lock/lock-ios-pwdless-sms.png)

![Lock.png](https://cdn.auth0.com/mobile-sdk-lock/lock-ios-pwdless-email.png)

------

### [react-native-mail](https://github.com/chirag04/react-native-mail)

A wrapper on top of MFMailComposeViewController from iOS and Mail Intent on android

![Demo gif](https://github.com/chirag04/react-native-mail/blob/master/screenshot.jpg)

------

### [react-native-mapbox-gl](https://github.com/mapbox/react-native-mapbox-gl)

A Mapbox GL react native module for creating custom maps

![npm version](https://badge.fury.io/js/react-native-mapbox-gl.svg)

![](http://i.imgur.com/I8XkXcS.jpg)

![](https://cldup.com/A8S_7rLg1L.png)

------

### [react-native-maps](https://github.com/lelandrichardson/react-native-maps)

React Native Mapview component for iOS + Android

![](http://i.giphy.com/3o6UBpncYQASu2WTW8.gif)

![](http://i.giphy.com/xT77YdviLqtjaecRYA.gif)

![](http://i.giphy.com/3o6UBoPSLlIKQ2dv7q.gif)

![](http://i.giphy.com/xT77XWjqECvdgjx9oA.gif)

![](http://i.giphy.com/3o6UB7poyB6YJ0KPWU.gif)

![](http://i.giphy.com/xT77Yc4wK3pzZusEbm.gif)

![](http://i.giphy.com/3o6UBcsCLoLQtksJxe.gif)

![](http://i.giphy.com/3o6UB1qGEM9jYni3KM.gif)

![](http://i.giphy.com/xT77XMw9IwS6QAv0nC.gif)

![](http://i.giphy.com/3o6UBdGQdM1GmVoIdq.gif)

![](http://i.giphy.com/xTcnTelp1OwGPu1Wh2.gif)

![](http://i.giphy.com/xTcnT6WVpwlCiQnFW8.gif)

![](http://i.giphy.com/3o6UAZWqQBkOzs8HE4.gif)

![](http://i.giphy.com/xT77XVBRErNZl3zyWQ.gif)

![](http://i.giphy.com/xT77XZCH8JpEhzVcNG.gif)

![](http://i.giphy.com/xT77XZyA0aYeOX5jsA.gif)

![](http://i.giphy.com/xT77Y0pWKmUUnguHK0.gif)

![](http://i.giphy.com/3o6UBfk3I58VIwZjVe.gif)

![](http://i.giphy.com/xT77XNePGnMIIDpbnq.gif)

![](http://i.giphy.com/xT77YdU0HXryvoRqaQ.gif)

![](http://i.imgur.com/mzrOjTR.png)

![](http://i.giphy.com/l2JImnZxdv1WbpQfC.gif)

![](http://i.giphy.com/l2JIhv4Jx6Ugx1EGI.gif)

------

### [react-native-mapview](https://github.com/lelandrichardson/react-native-mapview)

React Native Mapview component for iOS + Android

![](http://i.giphy.com/3o6UBpncYQASu2WTW8.gif)

![](http://i.giphy.com/xT77YdviLqtjaecRYA.gif)

![](http://i.giphy.com/3o6UBoPSLlIKQ2dv7q.gif)

![](http://i.giphy.com/xT77XWjqECvdgjx9oA.gif)

![](http://i.giphy.com/3o6UB7poyB6YJ0KPWU.gif)

![](http://i.giphy.com/xT77Yc4wK3pzZusEbm.gif)

![](http://i.giphy.com/3o6UBcsCLoLQtksJxe.gif)

![](http://i.giphy.com/3o6UB1qGEM9jYni3KM.gif)

![](http://i.giphy.com/xT77XMw9IwS6QAv0nC.gif)

![](http://i.giphy.com/3o6UBdGQdM1GmVoIdq.gif)

![](http://i.giphy.com/3o6UAZWqQBkOzs8HE4.gif)

![](http://i.giphy.com/xT77XVBRErNZl3zyWQ.gif)

![](http://i.giphy.com/xT77XZCH8JpEhzVcNG.gif)

![](http://i.giphy.com/xT77XZyA0aYeOX5jsA.gif)

![](http://i.giphy.com/xT77Y0pWKmUUnguHK0.gif)

![](http://i.giphy.com/3o6UBfk3I58VIwZjVe.gif)

![](http://i.giphy.com/xT77XNePGnMIIDpbnq.gif)

![](http://i.giphy.com/xT77YdU0HXryvoRqaQ.gif)

------

### [react-native-marquee-label](https://github.com/remobile/react-native-marquee-label)

A marquee label for react-native

![loading](https://github.com/remobile/react-native-marquee-label/blob/master/screencasts/demo.gif)

------

### [react-native-masked-view](https://github.com/gilbox/react-native-masked-view)

A <MaskedView> element for react-native

![screen shot](https://github.com/gilbox/react-native-masked-view/raw/master/masked-view-screenshot.png)

------

### [react-native-material-button](https://github.com/recr0ns/react-native-material-button)

Customizable material style button

![undefined](http://s28.postimg.org/3zcyab5j1/out.gif)

------

### [react-native-material-design](https://github.com/react-native-material-design/react-native-material-design)

React Native Material Design Components

![Example 1](https://raw.githubusercontent.com/react-native-material-design/demo-app/master/resources/examples-1.jpg)

![Example 2](https://raw.githubusercontent.com/react-native-material-design/demo-app/master/resources/examples-2.jpg)

![Example 3](https://raw.githubusercontent.com/react-native-material-design/demo-app/master/resources/examples-3.jpg)

------

### [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)

Material Design styles for React Native

![http://mrn.js.org](https://github.com/binggg/mrn/raw/master/mrn-logo-text.png)

![typography](https://raw.githubusercontent.com/binggg/react-native-material-design-styles/master/typography.png)

![textColor](https://raw.githubusercontent.com/binggg/react-native-material-design-styles/master/textColor.png)

![backgroundColor](https://raw.githubusercontent.com/binggg/react-native-material-design-styles/master/backgroundColor.png)

![allColor](https://raw.githubusercontent.com/binggg/react-native-material-design-styles/master/allColors.jpg)

------

### [react-native-material-kit](https://github.com/xinthink/react-native-material-kit)

Bringing Material Design to React Native

![bitHound Score](https://www.bithound.io/github/xinthink/react-native-material-kit/badges/score.svg)

![img-buttons]](http://www.getmdl.io/components/index.html#buttons-section)

![img-cards]](http://www.getmdl.io/components/index.html#cards-section)

![progress-demo]](http://www.getmdl.io/components/index.html#loading-section)

![spinner-demo]](http://www.getmdl.io/components/index.html#loading-section)

![slider-demo]](http://www.getmdl.io/components/index.html#sliders-section)

![img-tf]](http://www.getmdl.io/components/#textfields-section)

![img-toggles]](http://www.getmdl.io/components/index.html#toggles-section)

![img-checkbox]](http://www.getmdl.io/components/index.html#toggles-section/checkbox)

![img-radio]](http://www.getmdl.io/components/index.html#toggles-section/radio)

------

### [react-native-material-switch](https://github.com/recr0ns/react-native-material-switch)

Customizable material style switch

![undefined](http://oi57.tinypic.com/2rysl94.jpg)

------

### [react-native-menu](https://github.com/jaysoo/react-native-menu)

A flexible dropdown menu component for Android and iOS that is similar to Android's Spinner.

![](https://raw.githubusercontent.com/jaysoo/react-native-menu/master/ios.demo.gif)

![](https://raw.githubusercontent.com/jaysoo/react-native-menu/master/android.demo.gif)

------

### [react-native-meteor](https://github.com/inProgress-team/react-native-meteor)

DDP React-native Client

![GitHub version](https://badge.fury.io/gh/inProgress-team%2Freact-native-meteor.svg)

![npm version](https://badge.fury.io/js/react-native-meteor.svg)

![bitHound Score](https://www.bithound.io/github/inProgress-Team/react-native-meteor/badges/score.svg)

------

### [react-native-metro-grid](https://github.com/ZackLeonardo/react-native-metro-grid)

sample metroUI for react-native.

![Demo](https://raw.githubusercontent.com/ZackLeonardo/react-native-metro-grid/master/metroUI.gif)

------

### [react-native-modal-android](https://github.com/iwater/react-native-modal-android)

The <Modal /> component has the same API as on iOS - http://facebook.github.io/react-native/docs/modal.html#content

------

### [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)

A <Modal/> component for react-native

![](https://i.imgur.com/QTAYh81.gif)

![](http://i.imgur.com/3XULLt8.gif)

------

### [react-native-motion-manager](https://github.com/pwmckenna/react-native-motion-manager)

A react-native interface for using the Gyroscope, Accelerometer and Magnetometer

![](http://pwmckenna.com/react-native-motion-manager/motion.png)

![](http://pwmckenna.com/react-native-motion-manager/accelerometer.png)

![](http://pwmckenna.com/react-native-motion-manager/gyroscope.png)

![](http://pwmckenna.com/react-native-motion-manager/magnetometer.png)

------

### [react-native-mswiper](https://github.com/manandmoon/react-native-swiper)

Swiper component for React Native.

![undefined](http://i.imgur.com/zrsazAG.gif)

![undefined](http://i.imgur.com/hP3f3oO.gif)

![undefined](http://i.imgur.com/0rqESVb.gif)

![undefined](http://i.imgur.com/c1BhjZm.gif)

------

### [react-native-multi-slider](https://github.com/JackDanielsAndCode/react-native-multi-slider)

Pure JS slider component with multiple markers for React Native

![Slider Examples](https://github.com/JackDanielsAndCode/react-native-multi-slider/blob/master/examplesInAction.gif)

------

### [react-native-navbar](https://github.com/react-native-fellowship/react-native-navbar)

Simple customizable navbar component for react-native

![react-native-side-menu demo](https://habrastorage.org/files/1b4/9cd/9d0/1b49cd9d0d054cada8ebef5e2326e10d.png)

------

### [react-native-navigation-bar](https://github.com/beefe/react-native-navigation-bar)

react-native-navigation-bar

![ui](https://raw.githubusercontent.com/beefe/react-native-navigation-bar/master/doc/ui.jpg)

------

### [react-native-navigator](https://github.com/thewei/react-native-navigator)

A simple router for react native

![docor]()<br>built upon love by [docor](git+https://github.com/turingou/docor.git)

------

### [react-native-newsticker](https://github.com/moschan/react-native-newsticker)

The News Ticker component for React Native

![Demo](https://raw.githubusercontent.com/moschan/react-native-newsticker/master/doc/simple_demo.gif)

![Demo](https://raw.githubusercontent.com/moschan/react-native-newsticker/master/doc/restart_demo.gif)

------

### [react-native-notification](https://github.com/frostney/react-native-notification)

Customizable toast-like notifications for React Native

![notification](https://github.com/frostney/react-native-notification/blob/master/docs/notification-ios.gif)

------

### [react-native-page-control](https://github.com/silentcloud/react-native-page-control)

React native page control, like ios  UIPageControl

![page control demo](http://silentcloud.github.io/upload/pagecontrol.gif)

------

### [react-native-paged-scroll-view](https://github.com/rreusser/react-native-paged-scroll-view)

A higher-order React Native component to compute the current and total pages of a ScrollView

![npm version](https://badge.fury.io/js/react-native-paged-scroll-view.svg)

![PagedScrollViewExample](https://raw.githubusercontent.com/rreusser/react-native-paged-scroll-view/master/example.gif)

------

### [react-native-parallax](https://github.com/oblador/react-native-parallax)

Parallax effects for React Native using Animated API

![Demo](https://cloud.githubusercontent.com/assets/378279/8894786/81b493f8-33c3-11e5-9a5a-8695642c6ee7.gif)

------

### [react-native-parallax-listview](https://github.com/jaysoo/react-native-parallax-listview)

ListView with parallax header support

![](https://raw.githubusercontent.com/jaysoo/react-native-parallax-listview/master/demo.gif)

------

### [react-native-parallax-scroll-view](https://github.com/jaysoo/react-native-parallax-scroll-view)

A ScrollView-like component with parallax and sticky header support

![](https://raw.githubusercontent.com/jaysoo/react-native-parallax-scroll-view/master/demo.ios.gif)

![](https://raw.githubusercontent.com/jaysoo/react-native-parallax-scroll-view/master/demo.android.gif)

------

### [react-native-parallax-view](https://github.com/lelandrichardson/react-native-parallax-view)

Parallax view for vertical scrollview with a header image and header content

![parallax view demo](http://i.giphy.com/xTiTneeCb1npaGorhm.gif)

------

### [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)

Parse text and make them into multiple React Native Text elements

![](https://cloud.githubusercontent.com/assets/159813/11152673/d5fe86f0-89e8-11e5-8b5e-f3c06bdc1b6b.gif)

------

### [react-native-passcode-auth](https://github.com/naoufal/react-native-passcode-auth)

React Native authentication with iOS Passcode.

![react-native-passcode-auth](https://cloud.githubusercontent.com/assets/1627824/12255178/ed7b46e2-b8be-11e5-8552-f7b60959b43c.gif)

------

### [react-native-paypal](https://github.com/vizir/react-native-paypal)

Native PayPal payment screen for React Native

![Demo of a Payment using PayPal](https://raw.githubusercontent.com/react-native-paypal.gif?raw=true)

------

### [react-native-phone-picker](https://github.com/Spikef/react-native-phone-picker)

React Native component for select phone number from address book

![image](https://github.com/Spikef/react-native-phone-picker/raw/master/screenshots.gif)

------

### [react-native-picker](https://github.com/beefe/react-native-picker)

react-native-picker

![ui](https://raw.githubusercontent.com/beefe/react-native-picker/master/doc/ui.gif)

![ui2](https://raw.githubusercontent.com/beefe/react-native-picker/master/doc/ui2.jpg)

------

### [react-native-picker-android](https://github.com/beefe/react-native-picker-android)

react-native-picker-android

![example](https://raw.githubusercontent.com/beefe/react-native-picker-android/master/doc/example.png)

------

### [react-native-popover-haobtc](https://github.com/jeanregisser/react-native-popover)

A <Popover /> component for react-native

![Demo](https://raw.githubusercontent.com/jeanregisser/react-native-popover/master/Screenshots/animated.gif)

------

### [react-native-popup](https://github.com/beefe/react-native-popup)

popup for react-native

![ui](https://raw.githubusercontent.com/beefe/react-native-popup/master/ui.gif)

------

### [react-native-privacy-snapshot](https://github.com/kayla-tech/react-native-privacy-snapshot)

Obscure passwords and other sensitive personal information when a react-native app transitions to the background

![Screenshot of the multi-tasking screen](https://raw.githubusercontent.com/kayla-tech/react-native-privacy-snapshot/master/screenshot1.png)

![Screenshot of the multi-tasking screen with privacy screenshot](https://raw.githubusercontent.com/kayla-tech/react-native-privacy-snapshot/master/screenshot2.png)

------

### [react-native-progress](https://github.com/oblador/react-native-progress)

Progress indicators and spinners for React Native using ReactART

![progress-demo](https://cloud.githubusercontent.com/assets/378279/11212043/64fb1420-8d01-11e5-9ec0-5e175a837c62.gif)

------

### [react-native-progress-bar](https://github.com/lwansbrough/react-native-progress-bar)

An animated progress bar component for React Native

![](https://i.imgur.com/EGufppz.gif)

------

### [react-native-progress-bar-classic](https://github.com/moschan/react-native-progress-bar-classic)

Simple animated progress bar for React Native

![Demo](https://raw.githubusercontent.com/moschan/react-native-progress-bar-classic/master/doc/demo.gif)

![Demo](https://raw.githubusercontent.com/moschan/react-native-progress-bar-classic/master/doc/default.jpg)

![Demo](https://raw.githubusercontent.com/moschan/react-native-progress-bar-classic/master/doc/balloon.jpg)

![Demo](https://raw.githubusercontent.com/moschan/react-native-progress-bar-classic/master/doc/none.jpg)

![Demo](https://raw.githubusercontent.com/moschan/react-native-progress-bar-classic/master/doc/label.jpg)

![Demo](https://raw.githubusercontent.com/moschan/react-native-progress-bar-classic/master/doc/value.jpg)

------

### [react-native-progress-circular](https://github.com/andy9775/React-Native-CircularProgress)

A pure React Native Component for circular progress bars for iOS.

![undefined](https://github.com/andy9775/React-Native-CircularProgress/raw/master/demo.gif)

------

### [react-native-pull-to-refresh](https://github.com/moschan/react-native-pull-to-refresh)

The Pull-To-Refresh ScrollView component for React Native

![js-standard-style](https://cdn.rawgit.com/feross/standard/master/badge.svg)

![demo](https://raw.githubusercontent.com/moschan/react-native-pull-to-refresh/master/doc/arrow_update_demo.gif)

------

### [react-native-push-notification](https://github.com/zo0r/react-native-push-notification)

React Native Local and Remote Notifications

![npm version](https://badge.fury.io/js/react-native-push-notification.svg)

------

### [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)

react-native qrocode generator

![undefined](https://raw.githubusercontent.com/cssivision/react-native-qrcode/master/qrcode.png)

------

### [react-native-radio-button-classic](https://github.com/pressly/react-native-radio-button-classic)

Bring Classic Radio to React-Native

![undefined](https://raw.githubusercontent.com/pressly/react-native-radio-button-classic/master/demo.gif)

------

### [react-native-radio-buttons](https://github.com/ArnaudRinquin/react-native-radio-buttons)

A react component to implement custom radio buttons-like behaviors: multiple options, only on can be selected at once.

![example](https://raw.githubusercontent.com/ArnaudRinquin/react-native-radio-buttons/master/images/example.png)

![Example](https://raw.githubusercontent.com/ArnaudRinquin/react-native-radio-buttons/master/images/example.gif)

------

### [react-native-rebound-scrollview](https://github.com/jaxchow/react-native-rebound-scrollview)

React Native Android ReboundScrollView implementation.

![screen](https://raw.githubusercontent.com/jaxchow/react-native-rebound-scrollview/master/screen.gif)

![screen2](https://raw.githubusercontent.com/jaxchow/react-native-rebound-scrollview/master/screen2.gif)

------

### [react-native-redux-router](https://github.com/aksonov/react-native-router-flux)

React Native Router using Redux architecture

![demo-2](https://cloud.githubusercontent.com/assets/1321329/9466261/de64558e-4b33-11e5-8ada-0fcd49442769.gif)

------

### [react-native-refresh-control](https://github.com/DickyT/RCTRefreshControl)

A pull down to refresh control for react native.

![react-refreshcontrol](https://cloud.githubusercontent.com/assets/4535844/11009604/9845be08-84ae-11e5-8fe0-1037c057ce05.gif)

------

### [react-native-refresh-infinite-listview](https://github.com/remobile/react-native-refresh-infinite-listview)

A awesome pull-down-refresh and pull-up-loadmore listview

![refresh](https://github.com/remobile/react-native-refresh-infinite-listview/blob/master/screencasts/refresh.gif)

------

### [react-native-refreshable-listview](https://github.com/jsdf/react-native-refreshable-listview)

A pull-to-refresh ListView which shows a loading spinner while your data reloads

![React Native Hacker News](http://i.imgur.com/gVmrxDe.png)

------

### [react-native-refreshable-scroll-view](https://github.com/exponentjs/react-native-refreshable-scroll-view)

A ScrollView that supports pull-to-refresh. You can customize it with the RefreshIndicator and type of ScrollView (ex: ListView) of your choice.

![Slack](http://slack.exponentjs.com/badge.svg)

------

### [react-native-refresher](https://github.com/syrusakbary/react-native-refresher)

A React Native pull to refresh ListView completely written in js. Also supports custom animations.

![undefined](https://raw.githubusercontent.com/syrusakbary/react-native-refresher/master/logo.png)

![Refresher: iOS Activity Indicator](https://raw.githubusercontent.com/syrusakbary/react-native-refresher/master/screencasts/activity-indicator-fixed.gif)

![Refresher: Bar Indicator](https://raw.githubusercontent.com/syrusakbary/react-native-refresher/master/screencasts/bar-indicator-top.gif)

------

### [react-native-responsive-keyboard-view](https://github.com/moschan/react-native-responsive-keybord-view)

The responsive view when you open or close keyboard for React Native

![Demo](https://raw.githubusercontent.com/moschan/react-native-responsive-keybord-view/master/doc/ver1.0_demo.gif)

------

### [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)

react native modal component

![Example](https://raw.githubusercontent.com/magicismight/react-native-root-modal/master/Example/screenShoot.ios.gif)

![Example](https://raw.githubusercontent.com/magicismight/react-native-root-modal/master/Example/screenShoot.android.gif)

------

### [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)

react native root sibling elements manager

![screen shoot](https://raw.githubusercontent.com/magicismight/react-native-root-siblings/master/Examples/screen-shoot.gif)

------

### [react-native-router](https://github.com/t4t5/react-native-router)

Awesome navigation for your native app.

![Twitter navigation](http://tristanedwards.me/u/react-native-router/native-router.gif)

------

### [react-native-router-fix](https://github.com/t4t5/react-native-router)

Awesome navigation for your native app.

![Twitter navigation](http://tristanedwards.me/u/react-native-router/native-router.gif)

------

### [react-native-router-fixed](https://github.com/t4t5/react-native-router)

Awesome navigation for your native app.

![Twitter navigation](http://tristanedwards.me/u/react-native-router/native-router.gif)

------

### [react-native-router-flux](https://github.com/exponentjs/ex-navigator)

React Native Router using Flux architecture

![launch](https://cloud.githubusercontent.com/assets/1321329/11692367/7337cfe2-9e9f-11e5-8515-e8b7a9f230ec.gif)

------

### [react-native-router-redux](https://github.com/aksonov/react-native-router-flux)

A routing library for React Native and Redux

![demo](http://f.cl.ly/items/1e0x2X1Z2G1B2E3l1F1Q/Screen%20Recording%202015-11-23%20at%2008.11%20AM.gif)

------

### [react-native-routing](https://github.com/SpoonX/react-native-routing)

Awesome navigation for your native app.

![Twitter navigation](http://tristanedwards.me/u/react-native-router/native-router.gif)

------

### [react-native-safari-view](https://github.com/naoufal/react-native-safari-view)

A React Native wrapper for Safari View Controller

![react-native-safari-view](https://cloud.githubusercontent.com/assets/1627824/8345135/ed5f7fc4-1ab8-11e5-814a-a3e9df0ede06.gif)

------

### [react-native-scrollable-decorator](https://github.com/exponentjs/react-native-scrollable-decorator)

A standard interface for your scrollable React Native components, making it easier to compose components

------

### [react-native-scrollable-mixin](https://github.com/exponentjs/react-native-scrollable-mixin)

A standard interface for your scrollable React Native components, making it easier to compose components.

------

### [react-native-scrollable-tab-view](https://github.com/brentvatne/react-native-scrollable-tab-view)

This is probably my favorite navigation pattern on Android, I wish it were more common on iOS! This is a very simple JavaScript-only implementation of it for React Native. For more information about how the animations behind this work, check out the Rebou

![undefined](https://raw.githubusercontent.com/brentvatne/react-native-scrollable-tab-view/master/demo.gif)

![undefined](https://raw.githubusercontent.com/brentvatne/react-native-scrollable-tab-view/master/demo-fb.gif)

------

### [react-native-search](https://github.com/StevenIseki/react-native-search)

Native Search component for react native.

![undefined](https://raw.githubusercontent.com/StevenIseki/react-native-search/master/SearchBar.png)

------

### [react-native-search-bar](https://github.com/umhan35/react-native-search-bar)

The native search bar for react native.

![undefined](https://raw.githubusercontent.com/umhan35/react-native-search-bar/master/SearchBar.png)

------

### [react-native-segmented-android](https://github.com/zzyyppqq/react-native-segmented-android)

a high imitation of iOS segmented Controls

![look segmented android example](https://raw.githubusercontent.com/zzyyppqq/react-native-segmented-android/master/art/segment_2.png)

------

### [react-native-segmented-view](https://github.com/lelandrichardson/react-native-segmented-view)

Segmented View for React Native (with animation)

![demo](http://media.giphy.com/media/3oEduLBXWcHSxdN8UE/giphy.gif)

![stretch demo](http://media.giphy.com/media/3oEdv2mvoLWdWmxeik/giphy.gif)

------

### [react-native-selectablesectionlistview](https://github.com/johanneslumpe/react-native-selectablesectionlistview)

A Listview with a sidebar to jump to sections directly

![How it looks](http://lum.pe/sectionlistview.gif)

------

### [react-native-selectme](https://github.com/gs-akhan/react-native-select)

A better Select dropdown menu for react-native

![undefined](https://raw.githubusercontent.com/gs-akhan/react-native-select/master/dropdown-both.gif)

------

### [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent)

React Native Android module to use Android's Intent actions for send sms, text to shareable apps or make phone calls

------

### [react-native-shake-event-ios](https://github.com/jadsonlourenco/react-native-shake-event-ios)

Add shake event to your React Native app (IOS only)

![react-native-shake-event-ios](https://storage.googleapis.com/cdn.chessboardradio.com/lab/projects/01-NShakeEventIOS/promo.png)

![react-native-shake-event-ios](https://storage.googleapis.com/cdn.chessboardradio.com/lab/projects/01-NShakeEventIOS/demo.gif)

------

### [react-native-share](https://github.com/EstebanFuentealba/react-native-share)

Social Share, Sending Simple Data to Other Apps

![Demo](https://github.com/EstebanFuentealba/react-native-share/blob/master/assets/screenshot.png)

------

### [react-native-showdown](https://github.com/jerolimov/react-native-showdown)

React-native component which renders markdown into a webview!

------

### [react-native-side-menu](https://github.com/react-native-fellowship/react-native-side-menu)

Simple customizable component to create side menu

![undefined](http://oi61.tinypic.com/2n9l2dz.jpg)

------

### [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)

Lets users sign their signatures

![undefined](http://i.giphy.com/xT0GUKJFFkdDv25FNC.gif)

![undefined](http://i.giphy.com/3oEduIyWb48Ws3bSuc.gif)

![android project](https://www.evernote.com/shard/s24/sh/bf2c3fe0-45ed-48d5-8233-2bde0404fd5a/7592e2dff6c91cda/res/a68334d1-b527-451a-92a5-13188a91a768/skitch.png?resizeSmall&width=416)

![android emulator](https://www.evernote.com/shard/s24/sh/65450054-b625-4ab5-82c7-c018fb666e86/7be48b77ec3209ba/res/ecee7e2a-9fcf-4cc6-b4ab-ff6ba732e58a/skitch.png?resizeSmall&height=360)

![settings.gradle](https://www.evernote.com/shard/s24/sh/13f5e3d8-4230-45f3-a4c7-934ddeb1df7e/bf0aa53a2a1a0d51/res/bed923df-35e4-4076-9c44-3b097c16209f/skitch.png?resizeSmall&width=280)

![build.gradle](https://www.evernote.com/shard/s24/sh/c1a3437b-9e9f-472e-a640-13b9194804a9/f5579c89c8856afd/res/a451f235-b901-483d-a759-c739becd5190/skitch.png?resizeSmall&width=280)

![MainActivity.java](https://www.evernote.com/shard/s24/sh/c023412e-c79d-46e5-9119-87453180003c/c1ab69a99604fd80/res/7cc76cee-f669-4d06-bed8-9a57e4edc586/skitch.png?resizeSmall&width=280)

------

### [react-native-simple-auth](https://github.com/adamjmcgrath/react-native-simple-auth)

Native social authentication for React Native on iOS

![Screencast](https://raw.githubusercontent.com/adamjmcgrath/react-native-simple-auth/master/screencast.gif)

------

### [react-native-simple-button](https://github.com/remobile/react-native-simple-button)

A simple react-native button

![demo](https://github.com/remobile/react-native-button/blob/master/screencasts/demo.gif)

------

### [react-native-simple-modal](https://github.com/bodyflex/react-native-simple-modal)

A simple JavaScript modal component for React Native.

![undefined](https://i.imgur.com/EiwkCWn.gif)

------

### [react-native-simple-radio-button](https://github.com/moschan/react-native-simple-radio-button)

simple and useful animated radio button component for React Native

![Demo](https://raw.githubusercontent.com/moschan/react-native-simple-radio-button/master/doc/demo_1.gif)

![Demo](https://raw.githubusercontent.com/moschan/react-native-simple-radio-button/master/doc/demo_2.gif)

![Demo](https://raw.githubusercontent.com/moschan/react-native-simple-radio-button/master/doc/demo_3.gif)

![Demo](https://raw.githubusercontent.com/moschan/react-native-simple-radio-button/master/doc/demo_4.gif)

![Demo](https://raw.githubusercontent.com/moschan/react-native-simple-radio-button/master/doc/button_color.jpg)

![Demo](https://raw.githubusercontent.com/moschan/react-native-simple-radio-button/master/doc/form_horizontal.jpg)

![Demo](https://raw.githubusercontent.com/moschan/react-native-simple-radio-button/master/doc/label_horizontal.jpg)

![Demo](https://raw.githubusercontent.com/moschan/react-native-simple-radio-button/master/doc/demo_1.gif)

------

### [react-native-simple-router](https://github.com/react-native-simple-router-community/react-native-simple-router)

Easy to use Navigator for your native app.

![NavBar Example](http://i.imgur.com/h5jUDC8.png)

------

### [react-native-slider](https://github.com/jeanregisser/react-native-slider)

A pure JavaScript <Slider /> component for react-native

![Demo](https://raw.githubusercontent.com/jeanregisser/react-native-slider/master/Screenshots/basic.png)

------

### [react-native-slider-button](https://github.com/agentS/react-native-slider-button)

Slider button inspired by the slide to unlock widget with an optional animation manipulating the text's transparency. Of course, both the animation duration and text can be customized too.

![Slider button demo](https://cloud.githubusercontent.com/assets/5032736/9308065/2fc31704-4502-11e5-89a6-d9ef4e619034.gif)

------

### [react-native-sliding-up-panel](https://github.com/ninamanalo19/react-native-sliding-up-panel)

react native sliding up panel

![npm version](https://badge.fury.io/js/react-native-sliding-up-panel.svg)

![screen shot 2015-12-05 at 11 57 49 pm](https://cloud.githubusercontent.com/assets/8219419/11608772/e495b964-9bad-11e5-9cd0-a7f0ad08fc5f.png)

![screen shot 2015-12-05 at 11 57 42 pm](https://cloud.githubusercontent.com/assets/8219419/11608770/e4923348-9bad-11e5-9fe5-4113cdda51bd.png)

![screen shot 2015-12-05 at 11 57 55 pm](https://cloud.githubusercontent.com/assets/8219419/11608771/e493168c-9bad-11e5-870d-c9e1cc022a0d.png)

![screen shot 2015-12-05 at 11 58 38 pm](https://cloud.githubusercontent.com/assets/8219419/11608754/359cecde-9bad-11e5-95ce-9def7ddb7bfd.png)

![screen shot 2015-12-05 at 11 58 35 pm](https://cloud.githubusercontent.com/assets/8219419/11608756/39ba0fea-9bad-11e5-8c95-8b99f06c74b4.png)

![screen shot 2015-12-05 at 11 58 49 pm](https://cloud.githubusercontent.com/assets/8219419/11608755/35a0b4b8-9bad-11e5-832f-df40d715da2f.png)

------

### [react-native-smart-scroll-view](https://github.com/jrans/react-native-smart-scroll-view)

Handles keyboard events and auto adjusts content to be visible above keyboard on focus. Further scrolling features available.

![ComplexFormExample](https://raw.githubusercontent.com/jrans/react-native-smart-scroll-view/master/complexFormExample.gif)

![SmartScrollViewExample](https://raw.githubusercontent.com/jrans/react-native-smart-scroll-view/master/SuperScrollingFormExample/exampleInAction.gif)

------

### [react-native-sneer](https://github.com/sneerteam/react-native-sneer)

A react native android module to talk with the Sneer api.

![npm version](https://badge.fury.io/js/react-native-sneer.svg)

------

### [react-native-social-auth](https://github.com/xxsnakerxx/react-native-social-auth)

React Native module provides auth methods via social networks using native APIs

![preview](https://raw.githubusercontent.com/xxsnakerxx/react-native-social-auth/master/images/social_auth_example.gif)

------

### [react-native-social-share](https://github.com/doefler/react-native-social-share)

Use the iOS native Twitter and Facebook share view from react native

![Animation](https://raw.githubusercontent.com/doefler/react-native-social-share/master/animation-looping.gif)

![Screenshot](https://raw.githubusercontent.com/doefler/react-native-social-share/master/still.png)

------

### [react-native-speech](https://github.com/naoufal/react-native-speech)

A text-to-speech library for React Native.

------

### [react-native-spinkit](https://github.com/maxs15/react-native-spinkit)

A collection of animated loading indicators for React Native

![](http://i.imgur.com/AwJsakU.gif)

------

### [react-native-spring-carousel](https://github.com/notlose/react-native-spring-carousel)

Carousel component for react-native implemented by View

![My image](http://www.googledrive.com/host/0BwiaTbhy1w5COHdyWVBMcEJCRnc)

------

### [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage)

SQLite3 bindings for React Native (Android & iOS)

![alt tag](https://raw.github.com/andpor/react-native-sqlite-storage/master/instructions/libs.png)

![alt tag](https://raw.github.com/andpor/react-native-sqlite-storage/master/instructions/addlibs.png)

![alt tag](https://raw.github.com/andpor/react-native-sqlite-storage/master/instructions/require.png)

------

### [react-native-square-view](https://github.com/Shuangzuan/react-native-square-view)

A square view component for react native.

![Screen Shot](https://raw.githubusercontent.com/Shuangzuan/react-native-square-view/master/screen-shot.png)

------

### [react-native-storage](https://github.com/sunnylqm/react-native-storage)

This is a local storage wrapper for both react-native(AsyncStorage) and browser(localStorage). ES6/babel is needed.

![npm version](https://badge.fury.io/js/react-native-storage.svg)

------

### [react-native-store](https://github.com/thewei/react-native-store)

A simple database base on react-native AsyncStorage.

![npm version](https://badge.fury.io/js/react-native-store.svg)

------

### [react-native-sudoku-grid](https://github.com/ZackLeonardo/react-native-sudokuGrid)

grid of sudoku style(or box style) for react native

![Demo](https://raw.githubusercontent.com/ZackLeonardo/react-native-sudokuGrid/master/screenShot1.png)

![Demo](https://raw.githubusercontent.com/ZackLeonardo/react-native-sudokuGrid/master/screenShot2.png)

------

### [react-native-swipeout](https://github.com/dancormier/react-native-swipeout)

iOS-style swipeout buttons behind component

![swipeout preview](http://i.imgur.com/oCQLNFC.gif)

------

### [react-native-swiper](https://github.com/leecade/react-native-swiper)

Swiper component for React Native.

![logo](http://i.imgur.com/P4cRUgD.png)

------

### [react-native-swiper-fork](https://github.com/manandmoon/react-native-swiper)

Swiper component for React Native.

![logo](http://i.imgur.com/P4cRUgD.png)

------

### [react-native-swiper-haobtc](https://github.com/leecade/react-native-swiper)

Swiper component for React Native.

![logo](http://i.imgur.com/P4cRUgD.png)

------

### [react-native-swiper2](https://github.com/sunnylqm/react-native-swipe2)

Swiper component for React Native. Supersede react-native-swiper

![logo](http://i.imgur.com/P4cRUgD.png)

------

### [react-native-system-notification](https://github.com/Neson/react-native-system-notification)

Notification for React Native

![undefined](http://i.imgur.com/cY2Z9GH.png)

------

### [react-native-tab](https://github.com/vczero/react-native-tab)

react-native-tab is a simple module for add a "Tab Menu" to your React Native app.

![](https://raw.githubusercontent.com/vczero/react-native-tab/master/img/1.png)

![](https://raw.githubusercontent.com/vczero/react-native-tab/master/img/3.png)

------

### [react-native-tab-navigator](https://github.com/exponentjs/react-native-tab-navigator)

A tab bar that switches between scenes, written in JS for cross-platform support

![Slack](http://slack.exponentjs.com/badge.svg)

------

### [react-native-tabbar](https://github.com/alinz/react-native-tabbar)

Tab bar with more freedom

![](https://raw.githubusercontent.com/alinz/react-native-tabbar/master/tab-demo.gif)

------

### [react-native-tabbar-navigator](https://github.com/DickyT/react-native-tabbar-navigator)

A component which builds excellent Navigator + TabBar based application, have a good solution for implementing hidesBottomBarWhenPushed in iOS.

![npm version](https://badge.fury.io/js/react-native-tabbar-navigator.svg)

![react-native-tab](https://cloud.githubusercontent.com/assets/4535844/11086164/84be9b10-8824-11e5-8cf3-69ce3d01cb57.gif)

------

### [react-native-tabbar-navigator-haobtc](https://github.com/DickyT/react-native-tabbar-navigator)

A component which builds excellent Navigator + TabBar based application, have a good solution for implementing hidesBottomBarWhenPushed in iOS.

![npm version](https://badge.fury.io/js/react-native-tabbar-navigator.svg)

![react-native-tab](https://cloud.githubusercontent.com/assets/4535844/11086164/84be9b10-8824-11e5-8cf3-69ce3d01cb57.gif)

------

### [react-native-tableview](https://github.com/aksonov/react-native-tableview)

Native iOS TableView wrapper for React Native

![demo](https://cloud.githubusercontent.com/assets/1321329/9329083/cc77b4e0-45ae-11e5-9919-34f12e6d407c.gif)

![demo2](https://cloud.githubusercontent.com/assets/1321329/9335801/7a4d42ca-45d6-11e5-860c-969db80413ca.gif)

------

### [react-native-tableview-form](https://github.com/cnjon/react-native-tableview-form)

table view form for react-native

![image](https://github.com/cnjon/react-native-tableview-form/blob/master/iphone.gif)

![image](https://github.com/cnjon/react-native-tableview-form/blob/master/android.gif)

------

### [react-native-tableview-simple](https://github.com/Purii/react-native-tableview-simple)

React Native component for TableView made with pure CSS

![](https://raw.github.com/Purii/react-native-tableview-simple/master/screenshotAboutScreen.png)

![](https://raw.github.com/Purii/react-native-tableview-simple/master/screenshot.png)

![](https://raw.github.com/Purii/react-native-tableview-simple/master/screenshotNative.png)

------

### [react-native-text-input-layout](https://github.com/danielbm/react-native-text-input-layout)

Simple React Native module to use Android's TextInputLayout inside your app

------

### [react-native-textinput-utils](https://github.com/DickyT/react-native-textinput-utils)

A react native extension which allows you to control TextInput better.

![npm version](https://badge.fury.io/js/react-native-textinput-utils.svg)

![react-native-textinput-utils](https://cloud.githubusercontent.com/assets/4535844/11055687/f2652524-874f-11e5-96f0-333c6bc4ba1c.gif)

![RCTTextInputUtilsGuide](https://cloud.githubusercontent.com/assets/4535844/11019656/9ff660dc-85d8-11e5-9823-b4437f498a77.gif)

------

### [react-native-timeago](https://github.com/TylerLH/react-native-timeago)

Auto-updating timeago component for React Native

------

### [react-native-toast](https://github.com/remobile/react-native-toast)

A android like toast for react-native support for ios and android

![ios](https://github.com/remobile/react-native-toast/blob/master/screencasts/ios.gif)

------

### [react-native-toolkit](https://github.com/marty-wang/react-native-toolkit)

A collection of common UI components for react native mobile apps.

![Twitter style navigation bar](https://raw.githubusercontent.com/marty-wang/react-native-toolkit/master/Examples/Screenshots/twitter-navbar.gif)

------

### [react-native-tooltip](https://github.com/chirag04/react-native-tooltip)

A react-native wrapper for showing tooltips

![Demo gif](https://github.com/chirag04/react-native-tooltip/blob/master/screenshot.png)

------

### [react-native-touch-id](https://github.com/naoufal/react-native-touch-id)

React Native authentication with the native Touch ID popup.

![react-native-touch-id](https://cloud.githubusercontent.com/assets/1627824/7975919/2c69a776-0a42-11e5-9773-3ea1c7dd79f3.gif)

------

### [react-native-triangle](https://github.com/Jpoliachik/react-native-triangle)

draw triangle views in react native

![alt text](https://raw.githubusercontent.com/Jpoliachik/react-native-triangle/master/sampletriangle.png)

------

### [react-native-universal-modal](https://github.com/bokuweb/react-native-universal-modal)

react-native-universal-modal

![](https://raw.githubusercontent.com/bokuweb/react-native-universal-modal/master/screenshot/ios-modal.gif)

![](https://raw.githubusercontent.com/bokuweb/react-native-universal-modal/master/screenshot/android-modal.gif)

------

### [react-native-uploader](https://github.com/aroth/react-native-uploader)

A React Native module to upload files and camera roll assets. Supports progress notification.

![Example](https://raw.githubusercontent.com/aroth/react-native-uploader/master/examples/UploadFromCameraRoll/uploader.gif)

------

### [react-native-user-defaults](https://github.com/wwayne/react-native-user-defaults)

ios UserDefaults used by react-native

------

### [react-native-userdefaults-ios](https://github.com/dsibiski/react-native-userdefaults-ios)

React Native Module for NSUserDefaults

------

### [react-native-util](https://github.com/exponentjs/react-native-util)

A fork of io.js's util module that works with React Native

------

### [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)

Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling. Choose from 3000+ bundled icons or use your own.

![Vector Icons for React Native](https://cloud.githubusercontent.com/assets/378279/12009887/33f4ae1c-ac8d-11e5-8666-7a87458753ee.png)

![XCode screenshot](https://cloud.githubusercontent.com/assets/378279/12421498/2db1f93a-be88-11e5-89c8-2e563ba6251a.png)

![type](https://cloud.githubusercontent.com/assets/378279/7667570/33817554-fc0d-11e4-9ad7-4eb60139cfb7.png)

![star](https://cloud.githubusercontent.com/assets/378279/7667569/3010dd7e-fc0d-11e4-9696-cb721fe8e98d.png)

![buttons](https://cloud.githubusercontent.com/assets/378279/7667568/2e9021b2-fc0d-11e4-8e68-cf91c329a6f4.png)

![Screenshot of IconExplorer](https://cloud.githubusercontent.com/assets/378279/8903470/a9fe6b46-3458-11e5-901f-98b7b676d0d3.png)

------

### [react-native-videoplayer](https://github.com/yamill/react-native-videoplayer)

A native ios video player component

![undefined](https://raw.githubusercontent.com/yamill/react-native-videoplayer/master/screenshot.png)

------

### [react-native-viewpager](https://github.com/race604/react-native-viewpager)

ViewPager componnent for React Native

![](https://raw.githubusercontent.com/race604/react-native-viewpager/master/art/demo.jpg)

![](https://raw.githubusercontent.com/race604/react-native-viewpager/master/art/anim.gif)

------

### [react-native-vksdk](https://github.com/doochik/react-native-vk-sdk)

A wrapper around the iOS VK (VKontakte) SDK for React Native apps

![preview](https://raw.githubusercontent.com/doochik/react-native-vk-sdk/master/docs/plist.png)

![preview](https://raw.githubusercontent.com/doochik/react-native-vk-sdk/master/docs/add.png)

------

### [react-native-voximplant](https://github.com/voximplant/react-native-voximplant)

VoxImplant Mobile SDK for embedding voice and video communication into React Native apps.

![VoxImplant SDK demo](https://habrastorage.org/files/185/1b5/dd6/1851b5dd689e4a688c2f6e68fcf38d81.gif)

------

### [react-native-web](https://github.com/necolas/react-native-web)

React Native for Web

![npm version](https://badge.fury.io/js/react-native-web.svg)

------

### [react-native-webpack-server](https://github.com/mjohnston/react-native-webpack-server)

Build React Native apps with Webpack

![screenshot 2015-10-27 22 49 42](https://cloud.githubusercontent.com/assets/2177366/10778764/62bf9f80-7cff-11e5-8710-c2e9039f0350.png)

------

### [react-native-webview-android](https://github.com/lucasferreira/react-native-webview-android)

Simple React Native Android module to use Android's WebView inside your app

------

### [react-native-webview-bridge](https://github.com/alinz/react-native-webview-bridge)

React Native WebView Javascript Bridge

![undefined](https://raw.githubusercontent.com/alinz/react-native-webview-bridge/master/doc/assets/01.png)

![undefined](https://raw.githubusercontent.com/alinz/react-native-webview-bridge/master/doc/assets/02.png)

![undefined](https://raw.githubusercontent.com/alinz/react-native-webview-bridge/master/doc/assets/03.png)

![undefined](https://raw.githubusercontent.com/alinz/react-native-webview-bridge/master/doc/assets/04.png)

![undefined](https://raw.githubusercontent.com/alinz/react-native-webview-bridge/master/doc/assets/05.png)

------

### [react-native-webview-js-context](https://github.com/shayne/react-native-webview-js-context)

Utilize the JavaScript VM running inside an iOS UIWebView to exploit libraries targeting the DOM (e.g. Google Charts).

![npm version](https://badge.fury.io/js/react-native-webview-js-context.svg)

![undefined](http://shayne.github.io/react-native-webview-js-context/readme-files/google-charts-screenshot.png?999)

------

### [react-native-wechat](https://github.com/weflex/react-native-wechat)

react-native library for wechat app

![react-native-wechat logo](https://raw.githubusercontent.com/weflex/react-native-wechat/master/logo.jpg?raw=true)

![Set URL Schema in XCode](https://res.wx.qq.com/open/zh_CN/htmledition/res/img/pic/app-access-guide/ios/image0042168b9.jpg)

------

### [react-native-wechat-api](undefined)

A react-native wrapper for wechat api.

![D90D3626-3385-45E9-AAB7-ADF43257EE4B.png](http://dn-cnode.qbox.me/FsRG0pqZ_6h5b_QVx8EZ3ToEf6jv)

------

### [react-native-wechat-ios](https://github.com/beefe/react-native-wechat-ios)

Wechat SDK for React Native(iOS).

![截图](https://raw.githubusercontent.com/beefe/react-native-wechat-ios/master/demo.gif)

------

### [react-native-wifi-manager](https://github.com/skierkowski/react-native-wifi-manager)

Wifi Connection Manager for React Native on Android

![npm version](https://badge.fury.io/js/react-native-wifi-manager.png)

------

### [react-native-wifi-module](https://github.com/ccmxy/react-native-wifi-module)

A react-native module for viewing and connecting to Wifi networks on Android devices.

![Screenshot from a version of this app which implements RNSimpleAlertDialogModule by lucas ferreira](http://i.imgur.com/Es4V0Wk.png)

![Upon connecting](http://i.imgur.com/11G14hw.png)

![3](http://i.imgur.com/QSLSexh.png)

------

### [react-native-xkcd](https://github.com/hemanth/react-native-xkcd)

Loads a random [XKCD](http://xkcd.com/) comic with caption.

![xkcd](https://raw.githubusercontent.com/xkcd.jpg])

------

### [react-native-youtube](https://github.com/paramaggarwal/react-native-youtube)

A <YouTube/> component for React Native.

![Screenshot of the example app](https://github.com/paramaggarwal/react-native-youtube/raw/master/Screenshot.png)

![Screenshot](http://i.imgur.com/pOdaLFF.png)

![(Screenshot)](http://i.imgur.com/iuvEhan.png)

------

### [react-refresh-control](https://github.com/Shuangzuan/RCTRefreshControl)

A pull down to refresh control for react native.

![Screen Shot](https://raw.githubusercontent.com/Shuangzuan/RCTRefreshControl/master/screen-shot.gif)

------

### [react-transmit-native](https://github.com/RickWong/react-transmit/tree/master-native)

Relay-inspired library based on Promises instead of GraphQL.

![](http://i.imgur.com/X3JE4Ev.png?1)

![Package Quality](http://npm.packagequality.com/shield/react-transmit.svg)

------

### [react-useravatar-native](https://github.com/bltnico/react-user-avatar-native)

Create a unique avatar by using username as background color

![alt UserAvatar demo](https://raw.githubusercontent.com/demo.JPG)

------

### [react-web](https://github.com/taobaofed/react-web)

A framework for building web apps with React

![react-web](https://cloud.githubusercontent.com/assets/677114/12007136/b5bf2230-ac31-11e5-9f6a-06f2f135411a.png)

![npm version](https://badge.fury.io/js/react-web.svg)

![Examples](http://img2.tbcdn.cn/L1/461/1/0d463dbae33dcb28ffb732c60abe28856e55109f.png)

------

### [react-whitebox](https://github.com/amannn/react-whitebox)

A component to display your errors.

![example](http://i.imgur.com/MOCC8TB.png)

------

### [redbox-react](https://github.com/KeywordBrain/redbox-react)

A redbox (rsod) component to display your errors.

![red screen of death](http://i.imgur.com/9Jhlibk.png)

------

### [redux-log-slow-reducers](https://github.com/michaelcontento/redux-log-slow-reducers)

Warn about slow reducers used in your redux app.

------

### [redux-middleware-react-native-appstate](https://github.com/michaelcontento/redux-middleware-react-native-appstate)

Glue AppState from react-native to Redux.

------

### [redux-middleware-react-native-netinfo](https://github.com/michaelcontento/redux-middleware-react-native-netinfo)

Glue NetInfo from react-native to Redux.

------

### [redux-storage](https://github.com/michaelcontento/redux-storage)

Persistence layer for redux with flexible backends

------

### [rn-calendars](https://github.com/RNComponents/rn-calendars)

An extensible calendar component for react-native

![screenshot](https://raw.githubusercontent.com/RNComponents/rn-calendars/master/screenshot.png)

------

### [rn-camera-roll](https://github.com/bamlab/rn-camera-roll)

Camera Roll for react native Android

![undefined](https://raw.githubusercontent.com/bamlab/rn-camera-roll/master/example/screenshot.png)

------

### [rn-china-region-picker](https://github.com/hufeng/rn-china-region-picker)

china region province city area picker

![rn-china-region-picker](https://raw.githubusercontent.com/hufeng/rn-china-region-picker/master/screencast/region.png)

------

### [rn-focalpoint](https://github.com/alexcurtis/rn-focalpoint)

Create a high-level focus chain in React Native without the boilerplate.

![example](http://i.imgur.com/1Scxhis.gif)

------

### [rn-grid-view](https://github.com/KartikTalwar/rn-grid-view)

React Native Grid View - Group lists (supports lists with headers) and display them as grouped rows

![](http://i.imgur.com/kFVwxeT.png)

------

### [rn-modal](https://github.com/react-component/rn-modal)

React Native Modal Component

![undefined](https://cloud.githubusercontent.com/assets/50817/12322975/ca7b7410-baf2-11e5-927e-ea0eddaa2045.png)

------

### [rn-navbar](https://github.com/RNComponents/rn-navbar)

NavBar component for react-native

![undefined](https://raw.githubusercontent.com/RNComponents/rn-navbar/master/screenshot/default.png)

![undefined](https://raw.githubusercontent.com/RNComponents/rn-navbar/master/screenshot/submit.png)

------

### [rn-picker](https://github.com/react-component/rn-picker)

React Native Picker Component

![undefined](https://cloud.githubusercontent.com/assets/50817/12316859/44711c52-bac6-11e5-8ee3-ce2a3d34d67f.png)

------

### [rn-spinner](https://github.com/RNComponents/rn-spinner)

Number spinner for react-native

![undefined](https://raw.githubusercontent.com/RNComponents/rn-spinner/master/example.png)

------

### [rn-tools](http://github.com/react-component/rn-tools)

tools for react-native

------

### [rn-websocket-stream](https://github.com/jacobbubu/rn-websocket-stream)

Use websockets with the node streams API. Works in react-native, browser and node

------

### [rnpm](https://github.com/rnpm/rnpm)

React Native Package Manager

![rnpm logo](http://s18.postimg.org/ex7oladjt/logornpm_final4.png)

![undefined](http://manandmoon.com/images/man-moon-full-logo-.svg)

------

### [rnpm-plugin-link](https://github.com/rnpm/rnpm)

rnpm plugin that links native dependencies to your project

------

### [shared.js](https://github.com/andy9775/shared.js)

A factory for a passive mediator design pattern in <25 lines of Javascript

------

### [swipe-actions](https://github.com/lucasmreis/swipe-actions)

React Native component for firing actions based on swipe gestures

![ScreenShot](https://raw.github.com/lucasmreis/swipe-actions/master/swipe-actions.gif)

------

### [tcomb-form-native](https://github.com/gcanti/tcomb-form-native)

react-native powered UI library for developing forms writing less code

![Result](https://raw.githubusercontent.com/gcanti/tcomb-form-native/master/docs/images/result.png)

![Result after a validation error](https://raw.githubusercontent.com/gcanti/tcomb-form-native/master/docs/images/validation.png)

![Placeholders](https://raw.githubusercontent.com/gcanti/tcomb-form-native/master/docs/images/placeholders.png)

![Help](https://raw.githubusercontent.com/gcanti/tcomb-form-native/master/docs/images/help.png)

![Help](https://raw.githubusercontent.com/gcanti/tcomb-form-native/master/docs/images/error.png)

------

fanruliang/fetch-react-native-components

简介

发行版

贡献者

近期动态

fanruliang/fetch-react-native-components .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

fanruliang/fetch-react-native-components