Skip to content

booxood/fetch-react-native-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)


React Native button component with rounded corners.

Button component screenshot


Babel preset for React Native HMR

david-dm</a>

npm version</a>

npm downloads</a>

npm license</a>


Simpler string-based styling for React Native


Management CLI for the CodePush service

CodePush CLI

Deployment History


A react native command tool build by Envirs Team.

image


React Native specific linting rules for ESLint


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

Slack


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


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

Frisbee


Easy to use Navigator for your native app.

NavBar Example


Create new react native files that fit the IR workflow

irrigate


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

NPM version


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

icon


module to build image and profile urls for gravatar


Haste resolver plugin for webpack

npm version


js-data Adapter for react-native AsyncStorage

js-data logo


A simple swipe unlock for React Native

Normal Screen


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

Slack


Swiper component for React Native.

logo


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


React Native Material Design Components

http://mrn.js.org

doc

MRN Screenshots

MRN Screenshots

MRN Screenshots

MRN Screenshots

MRN Screenshots

MRN Screenshots


Manage your XCode dependencies via npm


Customized redbox (rsod) component to display your errors

red screen of death


Advanced & Dynamic Component Styling for React & React Native

undefined

bitHound Overalll Score

npm version


An Accordion Component for React Native

accordion

accordion-transit

accordion-tweetbot


customizable multi-action-button component for react-native

react-native-action-button demo

react-native-action-button demo

react-native-action-button demo

react-native-action-button demo


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

loading


iOS share and action sheets for React Native

react-native-activity-view


React Native Bridge for ADBannerView


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

How it looks


A react native android package to show a blurry overlay.

Example


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


React Native Module to use Android Geolocation via Google Play API

Google Play SDK Installation


React Native widget to render a snackbar in Android apps

Snackbar demo


A react native android package to control the status bar.

npm version


React Native Android native TabLayout component

Image of tablayout


A React Native Voice Recognition Module

npm version


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

Animatable looping demo

animatable-demo

animatable-attention

animatable-bouncein

animatable-bounceout

animatable-fadein

animatable-fadeout

animatable-flip

animatable-lightspeed

animatable-slidein

animatable-slideout

animatable-zoomin

animatable-zoomout


React Native component for creating animated, arc progress with ReactART

image


An ASCIImage component for React Native

Example Result


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


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

Example code result

Example code result


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

Google Play

Home

Settings

Home

Settings


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

Home

Settings

Home

Settings


Barcode scanner for React Native

React Native Barcode Scanner - Launcher

React Native Barcode Scanner - Scanning


A barcode scanner component for react native

Portrait


React Native bridge for InApp Billing on Android


React Native Blur component

undefined


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

undefined


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

TOWebViewController


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


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

npm version

Requirements Status

Demo


A simple material-themed calendar for react native android

Demo Screen Capture


A Camera component for React Native. Also reads barcodes.

npm version


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

undefined


React Native component for card.io

Screenshot of card.io in action


Delightfully-animated data visualization.

screen shot 2015-09-02 at 7 23 31 pm


Launch Chrome Custom Tabs from your React Native app

Demo of Chrome Custom Tabs in React Native


React Native component for creating animated, circular progress with ReactART

image


React Native plugin for the CodePush service

Add CodePush to project

Link CodePush during build

Libz reference

Add CodePush library reference

Deployment list

Bundle version


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

demo

accordion-demo


React native component for finding dominant colors in an image


Conekta SDK for React Native

npm version


react native component for display console messages.

screenshot


couchbase lite binding for react-native


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


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

the workflow


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


iOS custom sheet with fade in/out overlay

undefined


A custom ActionSheet for react-native

Standard

colored


A element for react-native

Demo


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

image

image


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

Demo


UIDevice wrapper for React Native

undefined


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

Example GIF Demo

Classes Installation Visual


Get device information using react-native

npm version


Digits wrapper to use in React Native


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

npm version</a>

npm downloads</a>

npm license</a>


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

npm version


DraggableDrawer component for React Native.

react-native-draggable-drawer


Demo

demo


React Native Drawer

undefined


React Native Drawer

undefined


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


A better Select dropdown menu for react-native

undefined


ReactNative Component that makes easy to use iOS8 UIVisualEffect

Screenshot


Emoji component for React Native


Graphics library to improve programming with React-Native

react-native-estylo button_size demo

react-native-estylo NavBar demo

react-native-estylo TextInput demo


Easy to show html, image, video fullscreen pages.

Screenshots


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

adding to XCode


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


A Third Party Image Module.


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


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

preview

framework-search-paths

example-fbsdk-frameworks


A file upload plugin for react-native


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

npm version


A file upload plugin for react-native


The card component which have motion of flip for React Native

js-standard-style


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

flipviewdemo


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

Floating label


iOS text input with animated floating label

undefined


Reusabe floating lable component for react native

Demo


React Native wrapper for Flurry


A React Native PickerIOS at the bottom of the page

screen shot


React native full screen modal component.

React Native Modal Component GIF


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

image


Gesture recognizer decorators for react-native

pan example

swipe example


composable gesture system in react native

js-standard-style


Form component for react-native


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


The chat of your next React-Native Apps


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


Shared event emitter between native and JS for React Native.

Screenshot of the example app


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


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


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


Google Signin for your react native applications

xcode config


A wrapper for Google's Static Maps

npm version

Demo


The 24-column grid component for react-native


React Native Grid/Collection View component

Image of react-grid-view


The histogram component for React Native


A html render for react-native

noder-demo


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

undefined

undefined


A component which renders HTML content as native views

React Native Hacker News Comments

Under Construction


Hyperscript syntax for React Native


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

Demo


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

npm version

Screenshot


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

loading


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

undefined


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


Progress indicator for networked images, supports progress bar and spinner

image-progress-demo


A in-app browser for react native apps.

inappguide

inapp


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

Slack


react-native instagram login

Alt Text


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

Alt Text


An invertible ScrollView for React Native

Slack


React Native default style iOS item cell

ItemCell component screenshot


KenBurns Image Effect for React Native

kenburns view demo


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


Plug and play react-Native keyboard spacer view.

image


Semantic JSX layout components for react-native

Screenshot of BorderLayoutExample1

Screenshot of BorderLayoutExample2

Screenshot of BorderLayoutExample3


Images etc in Full Screen Lightbox Popovers for React Native

Demo


React Native wrapper for native Linkedin login button and manager


iOS-style listitem component

listitem preview


a simple loading effect, based on ActivityIndicatorIOS Component

Demo


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

Demo


React Native local authentication with touch id or passcode

Touch ID


Auth0 Lock for React Native (Android)

Lock.png

Lock.png

Lock.png


Auth0 Lock for React Native (iOS)

Lock.png

Lock.png

Lock.png

Lock.png


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

Demo gif


A Mapbox GL react native module for creating custom maps

npm version


React Native Mapview component for iOS + Android


React Native Mapview component for iOS + Android


A marquee label for react-native

loading


A element for react-native

screen shot


Customizable material style button

undefined


React Native Material Design Components

Example 1

Example 2

Example 3


Material Design styles for React Native

http://mrn.js.org

typography

textColor

backgroundColor

allColor


Bringing Material Design to React Native

bitHound Score

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


Customizable material style switch

undefined


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


DDP React-native Client

GitHub version

npm version

bitHound Score


sample metroUI for react-native.

Demo


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


A component for react-native


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


Swiper component for React Native.

undefined

undefined

undefined

undefined


Pure JS slider component with multiple markers for React Native

Slider Examples


Simple customizable navbar component for react-native

react-native-side-menu demo


react-native-navigation-bar

ui


A simple router for react native

docor
built upon love by docor


The News Ticker component for React Native

Demo

Demo


Customizable toast-like notifications for React Native

notification


React native page control, like ios UIPageControl

page control demo


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

npm version

PagedScrollViewExample


Parallax effects for React Native using Animated API

Demo


ListView with parallax header support


A ScrollView-like component with parallax and sticky header support


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

parallax view demo


Parse text and make them into multiple React Native Text elements


React Native authentication with iOS Passcode.

react-native-passcode-auth


Native PayPal payment screen for React Native

Demo of a Payment using PayPal


React Native component for select phone number from address book

image


react-native-picker

ui

ui2


react-native-picker-android

example


A component for react-native

Demo


popup for react-native

ui


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

Screenshot of the multi-tasking screen

Screenshot of the multi-tasking screen with privacy screenshot


Progress indicators and spinners for React Native using ReactART

progress-demo


An animated progress bar component for React Native


Simple animated progress bar for React Native

Demo

Demo

Demo

Demo

Demo

Demo


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

undefined


The Pull-To-Refresh ScrollView component for React Native

js-standard-style

demo


React Native Local and Remote Notifications

npm version


react-native qrocode generator

undefined


Bring Classic Radio to React-Native

undefined


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

example

Example


React Native Android ReboundScrollView implementation.

screen

screen2


React Native Router using Redux architecture

demo-2


A pull down to refresh control for react native.

react-refreshcontrol


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

refresh


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

React Native Hacker News


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

Slack


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

undefined

Refresher: iOS Activity Indicator

Refresher: Bar Indicator


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

Demo


react native modal component

Example

Example


react native root sibling elements manager

screen shoot


Awesome navigation for your native app.

Twitter navigation


Awesome navigation for your native app.

Twitter navigation


Awesome navigation for your native app.

Twitter navigation


React Native Router using Flux architecture

launch


A routing library for React Native and Redux

demo


Awesome navigation for your native app.

Twitter navigation


A React Native wrapper for Safari View Controller

react-native-safari-view


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


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


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

undefined


Native Search component for react native.

undefined


The native search bar for react native.

undefined


a high imitation of iOS segmented Controls

look segmented android example


Segmented View for React Native (with animation)

demo

stretch demo


A Listview with a sidebar to jump to sections directly

How it looks


A better Select dropdown menu for react-native

undefined


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


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

react-native-shake-event-ios

react-native-shake-event-ios


Social Share, Sending Simple Data to Other Apps

Demo


React-native component which renders markdown into a webview!


Simple customizable component to create side menu

undefined


Lets users sign their signatures

undefined

undefined

android project

android emulator

settings.gradle

build.gradle

MainActivity.java


Native social authentication for React Native on iOS

Screencast


A simple react-native button

demo


A simple JavaScript modal component for React Native.

undefined


simple and useful animated radio button component for React Native

Demo

Demo

Demo

Demo

Demo

Demo

Demo

Demo


Easy to use Navigator for your native app.

NavBar Example


A pure JavaScript component for react-native

Demo


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


react native sliding up panel

npm version

screen shot 2015-12-05 at 11 57 49 pm

screen shot 2015-12-05 at 11 57 42 pm

screen shot 2015-12-05 at 11 57 55 pm

screen shot 2015-12-05 at 11 58 38 pm

screen shot 2015-12-05 at 11 58 35 pm

screen shot 2015-12-05 at 11 58 49 pm


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

ComplexFormExample

SmartScrollViewExample


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

npm version


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

preview


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

Animation

Screenshot


A text-to-speech library for React Native.


A collection of animated loading indicators for React Native


Carousel component for react-native implemented by View

My image


SQLite3 bindings for React Native (Android & iOS)

alt tag

alt tag

alt tag


A square view component for react native.

Screen Shot


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

npm version


A simple database base on react-native AsyncStorage.

npm version


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

Demo

Demo


iOS-style swipeout buttons behind component

swipeout preview


Swiper component for React Native.

logo


Swiper component for React Native.

logo


Swiper component for React Native.

logo


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

logo


Notification for React Native

undefined


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


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

Slack


Tab bar with more freedom


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

npm version

react-native-tab


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

npm version

react-native-tab


Native iOS TableView wrapper for React Native

demo

demo2


table view form for react-native

image

image


React Native component for TableView made with pure CSS


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


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

npm version

react-native-textinput-utils

RCTTextInputUtilsGuide


Auto-updating timeago component for React Native


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

ios


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

Twitter style navigation bar


A react-native wrapper for showing tooltips

Demo gif


React Native authentication with the native Touch ID popup.

react-native-touch-id


draw triangle views in react native

alt text


react-native-universal-modal


A React Native module to upload files and camera roll assets. Supports progress notification.

Example


ios UserDefaults used by react-native


React Native Module for NSUserDefaults


A fork of io.js's util module that works with React Native


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

XCode screenshot

type

star

buttons

Screenshot of IconExplorer


A native ios video player component

undefined


ViewPager componnent for React Native


A wrapper around the iOS VK (VKontakte) SDK for React Native apps

preview

preview


VoxImplant Mobile SDK for embedding voice and video communication into React Native apps.

VoxImplant SDK demo


React Native for Web

npm version


Build React Native apps with Webpack

screenshot 2015-10-27 22 49 42


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


React Native WebView Javascript Bridge

undefined

undefined

undefined

undefined

undefined


Utilize the JavaScript VM running inside an iOS UIWebView to exploit libraries targeting the DOM (e.g. Google Charts).

npm version

undefined


react-native library for wechat app

react-native-wechat logo

Set URL Schema in XCode


A react-native wrapper for wechat api.

D90D3626-3385-45E9-AAB7-ADF43257EE4B.png


Wechat SDK for React Native(iOS).

截图


Wifi Connection Manager for React Native on Android

npm version


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

Upon connecting

3


Loads a random XKCD comic with caption.

xkcd


A component for React Native.

Screenshot of the example app

Screenshot

(Screenshot)


A pull down to refresh control for react native.

Screen Shot


Relay-inspired library based on Promises instead of GraphQL.

Package Quality


Create a unique avatar by using username as background color

alt UserAvatar demo


A framework for building web apps with React

react-web

npm version

Examples


A component to display your errors.

example


A redbox (rsod) component to display your errors.

red screen of death


Warn about slow reducers used in your redux app.


Glue AppState from react-native to Redux.


Glue NetInfo from react-native to Redux.


Persistence layer for redux with flexible backends


An extensible calendar component for react-native

screenshot


Camera Roll for react native Android

undefined


china region province city area picker

rn-china-region-picker


Create a high-level focus chain in React Native without the boilerplate.

example


React Native Grid View - Group lists (supports lists with headers) and display them as grouped rows


React Native Modal Component

undefined


NavBar component for react-native

undefined

undefined


React Native Picker Component

undefined


Number spinner for react-native

undefined


tools for react-native


Use websockets with the node streams API. Works in react-native, browser and node


React Native Package Manager

rnpm logo

undefined


rnpm plugin that links native dependencies to your project


A factory for a passive mediator design pattern in <25 lines of Javascript


React Native component for firing actions based on swipe gestures

ScreenShot


react-native powered UI library for developing forms writing less code

Result

Result after a validation error

Placeholders

Help

Help


About

React native components collect display

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published