Open Source Ecosystems

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

React Native button component with rounded corners.

babel-preset-react-native-hmre

Babel preset for React Native HMR

cairn

Simpler string-based styling for React Native

envirs-react-native-cli

A react native command tool build by Envirs Team.

eslint-plugin-react-native

React Native specific linting rules for ESLint

exp

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

fetch-wrapper

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

frisbee

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

gb-native-router

Easy to use Navigator for your native app.

generator-irrigate

Create new react native files that fit the IR workflow

generator-react-dom-native

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

gl-react-native

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

gravatar-api

module to build image and profile urls for gravatar

js-data-asyncstorage

js-data Adapter for react-native AsyncStorage

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.

metpro-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

pinkbox-react

Customized redbox (rsod) component to display your errors

react-look

Advanced & Dynamic Component Styling for React & React Native

react-native-action-button

customizable multi-action-button component for react-native

react-native-action-sheet

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

react-native-activity-view

iOS share and action sheets for React Native

react-native-alphabetlistview

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

react-native-android-blurryoverlay

A react native android package to show a blurry overlay.

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

React Native Module to use Android Geolocation via Google Play API

react-native-android-snackbar

React Native widget to render a snackbar in Android apps

react-native-android-statusbar

A react native android package to control the status bar.

react-native-android-tablayout

React Native Android native TabLayout component

react-native-animatable

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

react-native-arc-progress

React Native component for creating animated, arc progress with ReactART

react-native-autopilot

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

react-native-awesome-button

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

react-native-background-geolocation

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

react-native-background-geolocation-android

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

react-native-barcodescanner

A barcode scanner component for react native

react-native-billing

React Native bridge for InApp Billing on Android

react-native-bounceable

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

react-native-browser

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

react-native-browser-builtins

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

react-native-busy-indicator

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

react-native-calendar-android

A simple material-themed calendar for react native android

react-native-camera

A Camera component for React Native. Also reads barcodes.

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.

react-native-charts

Delightfully-animated data visualization.

react-native-chrome-custom-tabs

Launch Chrome Custom Tabs from your React Native app

react-native-circular-progress

React Native component for creating animated, circular progress with ReactART

react-native-code-push

React Native plugin for the CodePush service

react-native-collapsible

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

react-native-color-grabber

React native component for finding dominant colors in an image

react-native-console-panel

react native component for display console messages.

react-native-crosswalk-android

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

react-native-css

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

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

iOS custom sheet with fade in/out overlay

react-native-datetime

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

react-native-debug-stylesheet

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

react-native-device-display

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

react-native-device-info

Get device information using react-native

react-native-dimmer

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

react-native-dismiss-keyboard

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

react-native-draggable-drawer

DraggableDrawer component for React Native.

Demo

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

react-native-dropdown

A better Select dropdown menu for react-native

react-native-effects-view

ReactNative Component that makes easy to use iOS8 UIVisualEffect

react-native-emoji

Emoji component for React Native

react-native-estylo

Graphics library to improve programming with React-Native

react-native-eupage

Easy to show html, image, video fullscreen pages.

react-native-event-source

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

react-native-eventsource

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

react-native-eximage

A Third Party Image Module.

react-native-extra-dimensions-android

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

react-native-facebook-login

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

react-native-file-upload

A file upload plugin for react-native

react-native-file-uploader

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

react-native-fileupload

A file upload plugin for react-native

react-native-flip-card

The card component which have motion of flip for React Native

react-native-flip-view

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

react-native-floating-label

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

react-native-floating-label-text-input

iOS text input with animated floating label

react-native-floating-labels

Reusabe floating lable component for react native

react-native-flurry

React Native wrapper for Flurry

react-native-fm-picker

A React Native PickerIOS at the bottom of the page

react-native-fs-modal

React native full screen modal component.

react-native-gesture-password

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

react-native-gesture-recognizers

Gesture recognizer decorators for react-native

react-native-gestures

composable gesture system in react native

react-native-gifted-form

Form component for react-native

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

react-native-gifted-messenger

The chat of your next React-Native Apps

react-native-gifted-spinner

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

react-native-global-event-emitter

Shared event emitter between native and JS for React Native.

react-native-google-analytics-bridge

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

react-native-google-analytics-native

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

react-native-google-places-autocomplete

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

react-native-google-signin

Google Signin for your react native applications

react-native-google-static-map

A wrapper for Google's Static Maps

react-native-grid

The 24-column grid component for react-native

react-native-grid-view

React Native Grid/Collection View component

react-native-histogram

The histogram component for React Native

react-native-html-render

A html render for react-native

react-native-htmltext

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

react-native-htmlview

A component which renders HTML content as native views

react-native-hyperscript

Hyperscript syntax for React Native

react-native-icon-button

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

react-native-icons

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

react-native-image-animation

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

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.

react-native-image-picker-with-bytes

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.

react-native-image-progress

Progress indicator for networked images, supports progress bar and spinner

react-native-inapp-browser

A in-app browser for react native apps.

react-native-infinite-scroll-view

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

react-native-instagram-oauth

react-native instagram login

react-native-instagram-share

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

react-native-invertible-scroll-view

An invertible ScrollView for React Native

react-native-item-cell

React Native default style iOS item cell

react-native-kenburns-view

KenBurns Image Effect for React Native

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'.

react-native-keyboard-spacer

Plug and play react-Native keyboard spacer view.

react-native-layout

Semantic JSX layout components for react-native

react-native-lightbox

Images etc in Full Screen Lightbox Popovers for React Native

react-native-linkedin-login

React Native wrapper for native Linkedin login button and manager

react-native-listitem

iOS-style listitem component

react-native-loading-effect

a simple loading effect, based on ActivityIndicatorIOS Component

react-native-loading-spinner-overlay

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

react-native-local-auth

React Native local authentication with touch id or passcode

react-native-lock-android

Auth0 Lock for React Native (Android)

react-native-lock-ios

Auth0 Lock for React Native (iOS)

react-native-mail

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

react-native-mapbox-gl

A Mapbox GL react native module for creating custom maps

react-native-maps

React Native Mapview component for iOS + Android

react-native-mapview

React Native Mapview component for iOS + Android

react-native-marquee-label

A marquee label for react-native

react-native-masked-view

A element for react-native

react-native-material-button

Customizable material style button

react-native-material-design

React Native Material Design Components

react-native-material-design-styles

Material Design styles for React Native

react-native-material-kit

Bringing Material Design to React Native

![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

Customizable material style switch

react-native-menu

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

react-native-meteor

DDP React-native Client

react-native-metro-grid

sample metroUI for react-native.

react-native-modal-android

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

react-native-modalbox

A component for react-native

react-native-motion-manager

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

react-native-mswiper

Swiper component for React Native.

react-native-multi-slider

Pure JS slider component with multiple markers for React Native

react-native-navbar

Simple customizable navbar component for react-native

react-native-navigation-bar

react-native-navigator

A simple router for react native

docor built upon love by docor

react-native-newsticker

The News Ticker component for React Native

react-native-notification

Customizable toast-like notifications for React Native

react-native-page-control

React native page control, like ios UIPageControl

react-native-paged-scroll-view

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

react-native-parallax

Parallax effects for React Native using Animated API

react-native-parallax-listview

ListView with parallax header support

react-native-parallax-scroll-view

A ScrollView-like component with parallax and sticky header support

react-native-parallax-view

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

react-native-parsed-text

Parse text and make them into multiple React Native Text elements

react-native-passcode-auth

React Native authentication with iOS Passcode.

react-native-paypal

Native PayPal payment screen for React Native

react-native-phone-picker

React Native component for select phone number from address book

react-native-picker

react-native-picker-android

react-native-popover-haobtc

A component for react-native

react-native-popup

popup for react-native

react-native-privacy-snapshot

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

react-native-progress

Progress indicators and spinners for React Native using ReactART

react-native-progress-bar

An animated progress bar component for React Native

react-native-progress-bar-classic

Simple animated progress bar for React Native

react-native-progress-circular

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

react-native-pull-to-refresh

The Pull-To-Refresh ScrollView component for React Native

react-native-push-notification

React Native Local and Remote Notifications

react-native-qrcode

react-native qrocode generator

react-native-radio-button-classic

Bring Classic Radio to React-Native

react-native-radio-buttons

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

react-native-rebound-scrollview

React Native Android ReboundScrollView implementation.

react-native-redux-router

React Native Router using Redux architecture

react-native-refresh-control

A pull down to refresh control for react native.

react-native-refresh-infinite-listview

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

react-native-refreshable-listview

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

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.

react-native-refresher

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

react-native-responsive-keyboard-view

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

react-native-root-modal

react native modal component

react-native-root-siblings

react native root sibling elements manager

react-native-router

Awesome navigation for your native app.

react-native-router-fix

Awesome navigation for your native app.

react-native-router-fixed

Awesome navigation for your native app.

react-native-router-flux

React Native Router using Flux architecture

react-native-router-redux

A routing library for React Native and Redux

react-native-routing

Awesome navigation for your native app.

react-native-safari-view

A React Native wrapper for Safari View Controller

react-native-scrollable-decorator

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

react-native-scrollable-mixin

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

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