Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-reactnative-ui
Awesome React Native UI components updated weekly
https://github.com/eric-erki/awesome-reactnative-ui
Last synced: 4 days ago
JSON representation
-
Others
- react-native-vector-icons - ac8d-11e5-8666-7a87458753ee.png)|
- react-native-swiper
- react-native-gifted-chat - size_restricted.gif)|
- react-native-calendars - private/wix-react-native-calendar/blob/master/demo/calendar.gif?raw=true)|
- react-native-drawer - native-drawer/master/examples/rn-drawer.gif)|
- react-native-app-intro - native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...|<ul><li>Last updated : This week</li><li>Stars : 2617</li><li>Open issues : 87</li></ul>|![](http://i.giphy.com/3o6ozjLoOnYTXfzJgQ.gif)|
- react-native-image-crop-picker - native-image-crop-picker/blob/master/images/ios_single_pick.png)|
- react-native-blur - 224d-11e7-8ca6-028478bf4a7d.gif)|
- react-native-splash-screen - native, hide when application loaded ,it works on iOS and Android.|<ul><li>Last updated : This week</li><li>Stars : 3100</li><li>Open issues : 211</li></ul>|![](https://raw.githubusercontent.com/crazycodeboy/react-native-splash-screen/v3.0.0/examples/Screenshots/react-native-splash-screen-Android.gif)|
- react-native-typography - native-typography/HEAD/images/logo.png)|
- react-native-swipeout - style swipeout buttons behind component|<ul><li>Last updated : This week</li><li>Stars : 2325</li><li>Open issues : 105</li></ul>|![](http://i.imgur.com/oCQLNFC.gif)|
- react-native-textinput-effects - native-textinput-effects/master/screenshots/full.gif)|
- react-native-modalbox - native|<ul><li>Last updated : This week</li><li>Stars : 2257</li><li>Open issues : 133</li></ul>|![](https://i.imgur.com/QTAYh81.gif)|
- react-native-lightbox - 3b09-11e5-90af-a69980e9f4be.gif)|
- react-native-progress - 8d01-11e5-9ec0-5e175a837c62.gif)|
- react-native-action-button - action-button component for react-native|<ul><li>Last updated : This week</li><li>Stars : 1935</li><li>Open issues : 49</li></ul>|![](http://i.giphy.com/26BkMir9IcAhqe4EM.gif)|
- react-native-foldview - native-foldview/master/.github/screenshot.gif)|
- react-native-fast-image - native-fast-image/raw/master/docs/assets/scroll.gif)|
- react-native-spinkit
- react-native-gifted-listview - to-refresh and infinite scrolling for Android and iOS React-Native apps|<ul><li>Last updated : This week</li><li>Stars : 1503</li><li>Open issues : 46</li></ul>|![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-listview/master/Captures/ios_refresh_page_demo.gif)|
- react-native-viewpager - native-viewpager/master/./art/anim.gif)|
- react-native-icons - demo.png)|
- react-native-datepicker - native-datepicker/img/react-native-datepicker-android.gif)|
- react-native-tableview - native-tableview/master/./.github/large-network-example.gif)|
- react-native-picker - native-picker/master/./doc/ui3.jpg)|
- react-native-keyboard-spacer - native keyboard spacer view.|<ul><li>Last updated : This week</li><li>Stars : 1184</li><li>Open issues : 28</li></ul>|![](https://media.giphy.com/media/3oEjHJwLyYg7upTyYo/giphy.gif)|
- react-native-orientation - native and set preferred orientation on screen to screen basis.|<ul><li>Last updated : This week</li><li>Stars : 1291</li><li>Open issues : 90</li></ul>|![](https://badge.fury.io/js/react-native-orientation.svg)|
- react-native-collapsible - 0e44-11e5-9a16-1da052406eb0.gif)|
- react-native-tinder-swipe-cards - like swipe cards for your React Native app|<ul><li>Last updated : This week</li><li>Stars : 936</li><li>Open issues : 69</li></ul>|![]()|
- react-native-root-toast - native-root-toast/master/./Example/screen-shoots.gif)|
- react-native-pathjs-charts - native-svg and paths-js|<ul><li>Last updated : This week</li><li>Stars : 864</li><li>Open issues : 75</li></ul>|![](https://github.com/capitalone/react-native-pathjs-charts/wiki/images/chart-screenshots.png)|
- react-native-largelist - native-largelist/master/./docs/res/LottieRefreshing.gif)|
- react-native-slider - native|<ul><li>Last updated : This week</li><li>Stars : 941</li><li>Open issues : 89</li></ul>|![](https://raw.githubusercontent.com/jeanregisser/react-native-slider/master/Screenshots/[email protected])|
- react-native-sglistview - native-sglistview-example/master/docs/example.gif)|
- react-native-button
- react-native-tabs - independent tabs. Could be used for bottom tab bars as well as sectioned views (with tab buttons)|<ul><li>Last updated : This week</li><li>Stars : 695</li><li>Open issues : 28</li></ul>|![](https://cloud.githubusercontent.com/assets/1321329/10188030/adf5532c-675c-11e5-8447-227ec38fa24f.gif)|
- react-native-dropdownalert - native-dropdownalert/master/screenshots/demo.gif)|
- react-native-search-bar - quality iOS native search bar for react native.|<ul><li>Last updated : This week</li><li>Stars : 691</li><li>Open issues : 7</li></ul>|![](https://raw.githubusercontent.com/umhan35/react-native-search-bar/master/./.github/SearchBar.png)|
- react-native-button - native-button/button.png)|
- react-native-masonry - native component to render a masonry~ish layout for images with support for dynamic columns, progressive image loading, device rotation, on-press handlers, and headers/captions.|<ul><li>Last updated : This week</li><li>Stars : 849</li><li>Open issues : 17</li></ul>|![]()|
- react-native-keyboard-accessory
- react-native-bottom-sheet-behavior - native wrapper for android BottomSheetBehavior|<ul><li>Last updated : This week</li><li>Stars : 801</li><li>Open issues : 16</li></ul>|![](https://cloud.githubusercontent.com/assets/5366959/24594266/c59667bc-1801-11e7-840c-97588658a8ae.gif)|
- react-native-modal-dropdown - native dropdown/picker/selector component for both Android & iOS.|<ul><li>Last updated : This week</li><li>Stars : 811</li><li>Open issues : 61</li></ul>|![](https://github.com/sohobloo/react-native-modal-dropdown/blob/master/docs/demo_1.gif?raw=true)|
- react-native-calendar - native-calendar/master/images/demo.gif)|
- react-native-photo-browser - native-photo-browser/master/screenshots/photo-browser.gif)|
- react-native-popup-menu - native-popup-menu/master/./android.demo.gif)|
- rn-placeholder - placeholder/master/./book/placeholder.gif)|
- react-native-qrcode - native |<ul><li>Last updated : This week</li><li>Stars : 731</li><li>Open issues : 29</li></ul>|![](https://raw.githubusercontent.com/cssivision/react-native-qrcode/master/qrcode.png)|
- react-native-timeline-listview - 1aef-11e7-8fd7-7d64431af7e4.png)|
- react-native-parsed-text - 89e8-11e5-8b5e-f3c06bdc1b6b.gif)|
- react-native-dropdown
- react-native-easy-toast - native-easy-toast/master/examples/Screenshots/react-native-easy-toast-screenshots.gif)|
- react-native-parallax - 33c3-11e5-9a5a-8695642c6ee7.gif)|
- react-native-popover - native|<ul><li>Last updated : This week</li><li>Stars : 555</li><li>Open issues : 28</li></ul>|![](https://raw.githubusercontent.com/jeanregisser/react-native-popover/master/Screenshots/animated.gif)|
- react-native-activity-view - 0d33-11e5-8746-622417deccc3.gif)|
- react-native-step-indicator - native implementation of step indicator widget compatible with the ViewPager and ListView.|<ul><li>Last updated : This week</li><li>Stars : 660</li><li>Open issues : 28</li></ul>|![](https://raw.githubusercontent.com/24ark/react-native-step-indicator/master/art/HorizontalStepIndicator.gif)|
- react-native-sketch - based drawing.|<ul><li>Last updated : This week</li><li>Stars : 518</li><li>Open issues : 12</li></ul>|![](https://user-images.githubusercontent.com/5517450/29750544-da3be86c-8b84-11e7-8996-49521f7a13b3.gif)|
- react-native-svg-charts - native-svg-charts/master/screenshots/area-chart.png)|
- react-native-button-component - native-button-component/build/video/circle-button-demo.gif)|
- react-native-refresher - native-refresher/master/screencasts/activity-indicator-fixed.gif)|
- react-native-carousel - native|<ul><li>Last updated : This week</li><li>Stars : 413</li><li>Open issues : 41</li></ul>|![]()|
- react-native-star-rating - native-star-rating/blob/master/assets/general-star-demo.gif)|
- react-native-radio-buttons - button like logic wrapper for React Native|<ul><li>Last updated : This week</li><li>Stars : 404</li><li>Open issues : 17</li></ul>|![](https://raw.githubusercontent.com/ArnaudRinquin/react-native-radio-buttons/master/./images/example.gif)|
- react-native-gesture-password - native-gesture-password/raw/master/screenshot.gif)|
- react-native-accordion - ffff-11e4-9a36-2183704b6ec6.gif)|
- react-native-message-bar - native|<ul><li>Last updated : This week</li><li>Stars : 403</li><li>Open issues : 28</li></ul>|![](http://s31.postimg.org/cxq6x5srf/Untitled.gif)|
- react-native-fit-image - native-fit-image-example/raw/master/fit_image_example_portrait.gif)|
- react-native-sortable-list - native-sortable-list/master/demo.gif)|
- react-native-country-picker-modal - size_restricted.gif)|
- react-native-pdf-view
- react-native-toast - native-toast/blob/master/screencasts/ios.gif)|
- react-native-modal-picker - platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections.|<ul><li>Last updated : This week</li><li>Stars : 351</li><li>Open issues : 66</li></ul>|![](https://raw.githubusercontent.com/d-a-n/react-native-modal-picker/master/docs/demo.gif)|
- react-native-gesture-recognizers - native|<ul><li>Last updated : This week</li><li>Stars : 325</li><li>Open issues : 8</li></ul>|![](http://lum.pe/react-native-gesture-recognizers-panning.gif)|
- react-native-check-box - native-check-box/master/examples/Screenshots/react-native-check-box-screenshots.gif)|
- react-native-effects-view - native-effects-view/master/example/UIVisualEffects.png)|
- react-native-super-grid - native-super-grid/master//screenshots/iphone6_portrait.png?raw=true "iPhone6 Portrait")|
- react-native-root-modal - native-root-modal/master/./Example/screenShoot.ios.gif)|
- react-native-grid-view - native-grid-view/master/screen1.jpg)|
- react-native-circular-action-menu - esque circular action menu inspired by CircularFloatingActionMenu.|<ul><li>Last updated : This week</li><li>Stars : 344</li><li>Open issues : 4</li></ul>|![](http://i.giphy.com/3o6Zt6hNHOd3kVx4aY.gif)|
- react-native-searchbar
- react-native-image-header-scroll-view - native-image-header-scroll-view/master/./readmeAssets/demoAndroid.gif)|
- react-native-md-textinput - native-md-textinput/master//demo.gif)|
- react-native-tableview-simple - native-tableview-simple/master/screenshotStandard.png)|
- react-timer-mixin
- react-native-simple-router
- react-native-tabbar - native-tabbar/master/./tabbar-orientation.gif)|
- react-native-keyboardevents - native|<ul><li>Last updated : This week</li><li>Stars : 245</li><li>Open issues : 5</li></ul>|![]()|
- react-native-timeago - updating timeago component for React Native using moment.js|<ul><li>Last updated : This week</li><li>Stars : 295</li><li>Open issues : 2</li></ul>|![](https://travis-ci.org/tylerlh/react-native-timeago.svg?branch=master)|
- react-native-cacheable-image
- react-native-size-matters - Native utility belt for scaling the size your apps UI across different sized devices.|<ul><li>Last updated : This week</li><li>Stars : 585</li><li>Open issues : 0</li></ul>|![](https://raw.githubusercontent.com/nirsky/react-native-size-matters/master/./examples/ipad.gif)|
- react-native-awesome-button - native-awesome-button/Android_Support/docs/awesomeButton.gif)|
- react-native-parallax-swiper - images.githubusercontent.com/10658888/30244667-636cfc0e-9588-11e7-9805-3a0c5649ab4b.gif)|
- react-native-mobx - native-router-flux|<ul><li>Last updated : 1 year ago</li><li>Stars : 220</li><li>Open issues : 8</li></ul>|![](https://cloud.githubusercontent.com/assets/1321329/15446716/b4639f86-1f29-11e6-960d-5ba0c6f8fc47.gif)|
- react-native-progress-hud - fe61-11e4-9a59-358d460197f2.gif)|
- react-native-progress-bar
- react-native-keyboard-manager - Native iOS projects.|<ul><li>Last updated : This week</li><li>Stars : 324</li><li>Open issues : 10</li></ul>|![](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)|
- rn-sliding-up-panel - sliding-up-panel/master/demo/sliding_panel_android.gif)|
- react-native-tooltip - native wrapper for showing tooltips|<ul><li>Last updated : This week</li><li>Stars : 228</li><li>Open issues : 20</li></ul>|![](https://github.com/chirag04/react-native-tooltip/blob/master/screenshot.png)|
- react-native-egg - native-egg make your react native app infinitely more fun !! |<ul><li>Last updated : This week</li><li>Stars : 236</li><li>Open issues : 0</li></ul>|![](http://gifyu.com/images/S3i.gif)|
- react-native-carousel-control
- react-native-app-auth - an SDK for communicating with OAuth2 providers|<ul><li>Last updated : This week</li><li>Stars : 449</li><li>Open issues : 61</li></ul>|![](https://raw.githubusercontent.com/FormidableLabs/react-native-app-auth/master/docs/react-native-app-auth-logo.png)|
- react-native-image-cache-hoc - ci.org/billmalarky/react-native-image-cache-hoc.svg?branch=master)|
- autoresponsive-react-native
- react-native-autolink
- react-native-cardview - native (All Android version and iOS)|<ul><li>Last updated : This week</li><li>Stars : 290</li><li>Open issues : 11</li></ul>|![](https://github.com/Kishanjvaghela/react-native-cardview/raw/master/docs/ezgif-4-b87dbfaf72.gif)|
- react-native-segmented-control-tab - native-segmented-control-tab(for Android/iOS)|<ul><li>Last updated : This week</li><li>Stars : 308</li><li>Open issues : 4</li></ul>|![](https://nodei.co/npm/react-native-segmented-control-tab.png?compact=true)|
- react-native-qrcode-svg - native-svg and node-qrcode.|<ul><li>Last updated : This week</li><li>Stars : 299</li><li>Open issues : 7</li></ul>|![](https://nodei.co/npm/react-native-qrcode-svg.png)|
- react-native-select - IOS and Android |<ul><li>Last updated : 1 month ago</li><li>Stars : 180</li><li>Open issues : 3</li></ul>|![]()|
- react-native-grid-component - 794f-11e6-878f-5737355111ac.gif)|
- RCTAutoComplete
- react-native-segmented-view
- react-native-shimmer-placeholder - native-shimmer-placeholder/blob/master/example.gif?raw=true)|
- react-native-webbrowser - platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps.|<ul><li>Last updated : This week</li><li>Stars : 174</li><li>Open issues : 10</li></ul>|![](https://raw.githubusercontent.com/d-a-n/react-native-webbrowser/master/assets/images/screenshot.png)|
- react-native-hero - native component with support for dynamic image, dynamic sizing, color overlays, and more|<ul><li>Last updated : This week</li><li>Stars : 193</li><li>Open issues : 3</li></ul>|![]()|
- react-native-shine-button - Effects like shining|<ul><li>Last updated : This week</li><li>Stars : 271</li><li>Open issues : 10</li></ul>|![](https://raw.githubusercontent.com/ChadCSong/ShineButton/master/demo_shine_others.gif)|
- react-native-code-verification - native-code-verification/master//screenshots/blue.png?raw=true)|
- react-native-sdr - native-sdr/master/./media/logo.png)|
- react-native-collapsing-toolbar - native wrapper for android CollapsingToolbarLayout|<ul><li>Last updated : This week</li><li>Stars : 199</li><li>Open issues : 6</li></ul>|![](https://cloud.githubusercontent.com/assets/5366959/26673566/b68a1a1e-4693-11e7-9a7b-41227dde0ff3.gif)|
- react-native-checkbox
- react-native-popup - native|<ul><li>Last updated : 1 month ago</li><li>Stars : 156</li><li>Open issues : 14</li></ul>|![](https://raw.githubusercontent.com/beefe/react-native-popup/master/./doc/ui.gif)|
- react-native-gestures
- react-native-page-control
- react-native-parallax-scroll - native|<ul><li>Last updated : This week</li><li>Stars : 263</li><li>Open issues : 6</li></ul>|![](https://raw.githubusercontent.com/monterosalondon/react-native-parallax-scroll/master/./demo/ios-demo-4.gif)|
- react-native-pagination - native-pagination/robot-example.gif)|
- react-native-calendar-select
- react-native-android-statusbar - native-android-statusbar.svg)|
- react-native-scaling-drawer - f495-11e6-8f59-6a3bd08e11cf.gif)|
- react-native-multi-slider - native-multi-slider/blob/master/examplesInAction.gif)|
- react-native-pulse-loader - like loader for your react native app|<ul><li>Last updated : This week</li><li>Stars : 182</li><li>Open issues : 5</li></ul>|![](http://i.giphy.com/l0MYz2cMbOryuyPZu.gif)|
- react-native-swiper-animated - like swiper for react-native|<ul><li>Last updated : This week</li><li>Stars : 203</li><li>Open issues : 10</li></ul>|![](https://raw.githubusercontent.com/chitezh/react-native-swiper-animated/master/examples/shots/basic.gif)|
- react-native-display - e55f-11e6-8e9b-ae26396c2051.gif)|
- react-native-color-picker - native-color-picker/master/doc/preview_android.png)|
- react-native-image-carousel - to-zoom.|<ul><li>Last updated : 1 month ago</li><li>Stars : 161</li><li>Open issues : 5</li></ul>|![](https://raw.githubusercontent.com/anvilabs/react-native-image-carousel/master/.github/demo.gif)|
- react-native-offline-mode - native-offline-mode/master/example.gif)|
- react-native-floating-labels - patel/react-native-floating-labels/master/demo.gif)|
- react-native-iconic - Native Animated Icons with different states|<ul><li>Last updated : This week</li><li>Stars : 172</li><li>Open issues : 5</li></ul>|![](https://github.com/zagum/Android-ExpandIcon/raw/master/art/expand_icon_demo.gif)|
- react-native-privacy-snapshot - native app transitions to the background|<ul><li>Last updated : This week</li><li>Stars : 146</li><li>Open issues : 7</li></ul>|![]()|
- RNParallax
- react-native-popover-menu
- react-native-taptargetview - native-app-tour|<ul><li>Last updated : This week</li><li>Stars : 118</li><li>Open issues : 2</li></ul>|![](https://github.com/KeepSafe/TapTargetView/blob/master/.github/video.gif)|
- react-native-beautiful-video-recorder - native-camera. It works for both iOS & Android.|<ul><li>Last updated : This week</li><li>Stars : 140</li><li>Open issues : 9</li></ul>|![](https://raw.githubusercontent.com/phuochau/react-native-beautiful-video-recorder/master/Screenshot.PNG)|
- react-native-phone-input - ecd6-11e6-84da-375cbe05020f.gif)|
- react-native-card-view - native-card-view.gif?dl=1)|
- react-native-gmaps - native Android|<ul><li>Last updated : 1 month ago</li><li>Stars : 102</li><li>Open issues : 22</li></ul>|![]()|
- react-native-cell-components - native cell components! From a Cell to more complex & awesome components.|<ul><li>Last updated : This week</li><li>Stars : 143</li><li>Open issues : 0</li></ul>|![](https://raw.githubusercontent.com/lodev09/react-native-cell-components/master/demo.gif)|
- react-native-triangle - native-triangle/master/sampletriangle.png "react-native-triangle")|
- react-native-bouncy-drawer - native-bouncy-drawer/blob/master/resources/example.gif)|
- react-native-swipe-a-lot
- react-native-marquee-label - native(if you use js pure marquee, use remobile/react-native-marquee[ https://github.com/remobile/react-native-marquee ])|<ul><li>Last updated : 1 month ago</li><li>Stars : 103</li><li>Open issues : 10</li></ul>|![](https://github.com/remobile/react-native-marquee-label/blob/master/screencasts/demo.gif)|
- react-native-viewport-units
- react-native-fading-slides
- react-native-flexi-radio-button - 7b65-11e6-8fc4-8160b39a4ab0.gif)|
- react-native-submit-button - native-submit-button/master//example/images/out.gif?raw=true "Animated Submit Button")|
- photo-viewer - viewer/master/./assets/preview.gif)|
- react-native-listitem - style listitem component for React Native|<ul><li>Last updated : 2 months ago</li><li>Stars : 87</li><li>Open issues : 4</li></ul>|![](http://i.imgur.com/x3Hlfbe.png)|
- react-native-drawer-menu - native-drawer-menu/master/./GIF/ios-left-default.gif)|
- react-native-shared-preferences
- react-native-scl-alert - Swift|<ul><li>Last updated : This week</li><li>Stars : 132</li><li>Open issues : 3</li></ul>|![](https://raw.githubusercontent.com/rafaelmotta/react-native-scl-alert/master/demo-1.jpeg)|
- react-native-emoji-picker - native|<ul><li>Last updated : 2 months ago</li><li>Stars : 89</li><li>Open issues : 2</li></ul>|![](https://raw.githubusercontent.com/yonahforst/react-native-emoji-picker/master/animated-example.gif)|
- react-native-progressive-input - native-progressive-input/blob/master/screenshot.gif)|
- react-native-material-showcase-ios - native-app-tour|<ul><li>Last updated : This week</li><li>Stars : 83</li><li>Open issues : 6</li></ul>|![](https://github.com/aromajoin/material-showcase-ios/blob/master/art/material-showcase.gif?raw=true)|
- react-native-material-menu
- react-native-android-blurryoverlay - native-android-blurryoverlay/master/Example/Example.gif?raw=true "Example")|
- react-native-textinput-utils - 874f-11e5-96f0-333c6bc4ba1c.gif)|
- react-native-item-cell - native-item-cell/itemcell.png)|
- react-native-calendar-datepicker - Native cross-platform, calendar component.|<ul><li>Last updated : This week</li><li>Stars : 81</li><li>Open issues : 11</li></ul>|![](https://github.com/vlad-doru/react-native-calendar-datepicker/blob/master/demo.gif?raw=true "Custom Demo Example")|
- react-native-scrollview-lazyload
- react-native-picker-xg - native-components/Screen-Capture-50.gif)|
- react-native-simple-dialogs - platform simple dialogs for React Native based on the Modal component.|<ul><li>Last updated : This week</li><li>Stars : 124</li><li>Open issues : 6</li></ul>|![](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)|
- react-native-scrollview-smart - native-scrollview-smart.svg?style=shield&circle-token=:circle-token)|
- react-native-picker-android - native-picker|<ul><li>Last updated : 1 month ago</li><li>Stars : 68</li><li>Open issues : 8</li></ul>|![](https://raw.githubusercontent.com/beefe/react-native-picker-android/master/./doc/example.png)|
- ReactNativeDropdownAndroid - native|<ul><li>Last updated : 1 year ago</li><li>Stars : 65</li><li>Open issues : 6</li></ul>|![]()|
- react-native-nested-stylesheets
- react-native-idle-timer - platform bridge that allows you to enable and disable the screen idle timer in your React Native app|<ul><li>Last updated : 1 month ago</li><li>Stars : 82</li><li>Open issues : 2</li></ul>|![]()|
- React-Native-SnackBar-Component
- react-native-scalable-image
- react-native-switch-selector - native-switch-selector/master/./assets/ex1.gif)|
- react-native-picker-select - native-picker-select/master/./example/ios-example.gif)|
- react-native-zoom-image - native-zoom-image/master/./GIF/android.gif)|
- react-native-simple-picker - fbf5-11e5-9813-66a2d2a040c7.gif)|
- react-native-in-app-notification - app notification component for React Native|<ul><li>Last updated : This week</li><li>Stars : 116</li><li>Open issues : 11</li></ul>|![](http://i.imgur.com/3PILcKg.gif)|
- react-native-streetview
- k-react-native-swipe-unlocker - react-native-swipe-unlocker/normal-screen.png)|
- react-native-download-button
- react-native-phone-picker - native-phone-picker/raw/master/screenshots.gif)|
- react-native-open-maps - native library to perform cross-platform map actions (Google or Apple Maps)|<ul><li>Last updated : This week</li><li>Stars : 111</li><li>Open issues : 1</li></ul>|![](http://g.recordit.co/RhkI4WISXT.gif)|
- react-native-infinite-scrollview - native-infinite-scrollview/master/example/video/demo.gif)|
- react-native-fs-modal
- react-native-multiple-choice - platform (iOS / Android) single and multiple-choice React Native component.|<ul><li>Last updated : This week</li><li>Stars : 59</li><li>Open issues : 15</li></ul>|![](https://raw.githubusercontent.com/d-a-n/react-native-multiple-choice/master/assets/images/screenshot.png)|
- react-native-swipeview - app-v1.0.gif)|
- react-native-color-wheel - native-color-wheel/master/screenshot.png)|
- react-native-card-media - susumu/react-native-card-media/master/images/single_double.png)|
- react-native-masked-view - native-masked-view/raw/master/masked-view-screenshot.png)|
- react-native-touchable-bounce - eeb2-11e5-93d5-797ba1758a23.gif)|
- react-native-adbannerview - native-adbannerview/master/screenshot.png)|
- react-native-fxblurview - native-fxblurview/master/example/preview.png)|
- react-native-beautiful-image - native-beautiful-image/master/screenshot.gif)|
- React-Native-Material-Cards
- react-native-radio-button-classic - Native|<ul><li>Last updated : 1 year ago</li><li>Stars : 48</li><li>Open issues : 4</li></ul>|![]()|
- react-native-image-intent
- react-native-slot-machine - native|<ul><li>Last updated : This week</li><li>Stars : 80</li><li>Open issues : 2</li></ul>|![](https://user-images.githubusercontent.com/3952700/30516749-919f13e6-9b50-11e7-9e37-c852234e1e58.gif)|
- react-native-thumbnail
- react-native-date
- react-native-message-composer
- ReactNativeCalendarAndroid - themed calendar for react native android|<ul><li>Last updated : 2 years ago</li><li>Stars : 44</li><li>Open issues : 7</li></ul>|![](https://dl.dropboxusercontent.com/u/20911725/Screenshots/Screencast-2015.12.01-00.32.gif)|
- react-native-simple-stepper - native implementation of the UIStepper control from iOS.|<ul><li>Last updated : This week</li><li>Stars : 71</li><li>Open issues : 0</li></ul>|![](https://raw.github.com/testshallpass/react-native-simple-stepper/master/screenshots/demo.gif)|
- react-native-viewport
- React-Native-CircularProgress - Native-CircularProgress/raw/master/demo.gif)|
- react-native-simpledialog-android - same idea of AlertIOS|<ul><li>Last updated : 1 year ago</li><li>Stars : 41</li><li>Open issues : 0</li></ul>|![](http://img.shields.io/npm/v/react-native-simpledialog-android.svg?style=flat-square)|
- react-native-tween-animation
- react-native-md-motion-buttons - native-md-motion-buttons/master/examples/doc/button.gif)|
- react-native-toolkit - wang/react-native-toolkit/master/Examples/Screenshots/twitter-navbar.gif)|
- rn-render-perfs
- react-native-draggable-drawer - native, it allows you have a vertical draggable drawer view that you can drag up or drag down. So, if you drag and release that component, then it keeps moving until reach either initial position or container border.|<ul><li>Last updated : 1 month ago</li><li>Stars : 49</li><li>Open issues : 3</li></ul>|![](http://i.imgur.com/AequjyD.gif)|
- react-native-siri-wave-view
- react-native-popupwindow - native module|<ul><li>Last updated : 1 year ago</li><li>Stars : 38</li><li>Open issues : 0</li></ul>|![](https://raw.githubusercontent.com/beefe/react-native-popupwindow/master//popup.gif)|
- react-native-flanimatedimage
- react-native-dial - native-dial/master/works-with-yeti.png)|
- react-native-air-progress-bar - bar, give your progress-bar some brand style|<ul><li>Last updated : This week</li><li>Stars : 48</li><li>Open issues : 1</li></ul>|![](https://img.shields.io/npm/v/react-native-air-progress-bar.svg?style=flat-square)|
- react-native-slack-webhook
- react-native-touch-visualizer - c766-11e6-9423-3c6d97b4843f.gif)|
- react-native-wheel - native-wheel/master//img/1.jpg)|
- react-native-toast-native - native|<ul><li>Last updated : This week</li><li>Stars : 60</li><li>Open issues : 18</li></ul>|![](https://raw.githubusercontent.com/onemolegames/react-native-toast-native/master/test.gif)|
- react-native-full-screen
- RocketButton - mark transformation. |<ul><li>Last updated : This week</li><li>Stars : 45</li><li>Open issues : 0</li></ul>|![](https://user-images.githubusercontent.com/10288457/29079755-b0809b58-7c66-11e7-8a68-004ccb227e5f.gif)|
- react-native-circle-view - view|<ul><li>Last updated : 2 months ago</li><li>Stars : 36</li><li>Open issues : 5</li></ul>|![]()|
- react-native-slidable-tab-bar - native-slidable-tab-bar/master/SlidableTabBar.gif)|
- react-native-view - native-view.png)|
- ReactNativeCircleCheckbox
- react-native-countdown
- react-native-newsticker - native-newsticker/master/./doc/simple_demo.gif)|
- react-native-android-iconify - native android using android-iconify|<ul><li>Last updated : 1 year ago</li><li>Stars : 31</li><li>Open issues : 1</li></ul>|![]()|
- react-native-dashed-border - native|<ul><li>Last updated : This week</li><li>Stars : 35</li><li>Open issues : 1</li></ul>|![](https://raw.githubusercontent.com/brentvatne/react-native-dashed-border-example/master/example.png)|
- react-native-TouchableSetActive
- react-native-writebox - native-writebox/master/assets/demo.gif)|
- react-native-awesome-alert - size_restricted.gif)|
- react-native-telephone-input - native-telephone-input/master/React_Native_Telephone_Input_Example.gif)|
- react-native-elastic-stack - native-elastic-stack/master/./demo/ios-demo-1.gif)|
- react-native-nmrangeslider-ios - cc0d-11e5-9a70-dcc4445e72b6.gif)|
- react-native-ibeacon-simulator
- React-Native-FAB
- react-native-markdown-editor - native-markdown-editor/static/Screenshot.png)|
- react-native-app-intro - native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...|<ul><li>Last updated : This week</li><li>Stars : 51</li><li>Open issues : 0</li></ul>|![](http://i.giphy.com/3o6ozjLoOnYTXfzJgQ.gif)|
- react-native-big-slider - native slider component|<ul><li>Last updated : This week</li><li>Stars : 55</li><li>Open issues : 1</li></ul>|![](https://raw.githubusercontent.com/netbeast/react-native-big-slider/master/works-with-yeti.png)|
- react-native-square-view - native-square-view/master/screen-shot.png)|
- react-native-focus-scroll - bata/react-native-focus-scroll/raw/master/example/anim.gif)|
- react-native-draggable-calendar - native-draggable-calendar/master/./picture/demo1.gif)|
- react-native-simple-card-view - Native|<ul><li>Last updated : This week</li><li>Stars : 25</li><li>Open issues : 2</li></ul>|![](https://s9.postimg.org/pxvdia4rj/Simulator_Screen_Shot_-_i_Phone_8_-_2018-02-21_at_17.49.43.png)|
- react-native-timepicker - c962-11e5-8995-544b82da6f2c.png)|
- react-native-custom-checkbox - gifs/master/react-native-custom-checkbox/demo.gif)|
- react-native-tilt - native-tilt/master/gif/react-native-til.gif)|
- react-native-about-libraries - native-about-libraries/master/hero.png)|
- react-native-gl-image-filters - Native image filters using gl-react|<ul><li>Last updated : This week</li><li>Stars : 30</li><li>Open issues : 0</li></ul>|![](https://github.com/GregoryNative/react-native-gl-image-filters/blob/master/saytama_example.gif)|
- rn-ab-hoc
- react-native-fade-in-view - native-fade-in-view.svg)|
- react-native-expand - native-expand/master/Example/images/demo.gif)|
- react-native-compress
- react-native-grid - column grid component for react-native|<ul><li>Last updated : 1 year ago</li><li>Stars : 15</li><li>Open issues : 1</li></ul>|![](https://raw.githubusercontent.com/thewei/react-native-grid/master/)|
- react-native-android-circles - native-android-circles.svg)|
- react-native-gravatar - native-avatar-gravatar.svg?style=flat-square)|
- react-native-custom-actionsheet - native-custom-actionsheet/master/./examples/ios.gif)|
- react-native-hijri-date-picker-android
- react-native-pin-view - forming PinView component.|<ul><li>Last updated : This week</li><li>Stars : 85</li><li>Open issues : 3</li></ul>|![](https://taluttasgiran.com.tr/assets/demo-of-pinview.gif)|
- react-native-imagewand
- react-native-gravatar - native wrapper for gravatar-api|<ul><li>Last updated : 2 months ago</li><li>Stars : 14</li><li>Open issues : 0</li></ul>|![]()|
- react-native-selectmultiple-button - native-selectmultiple-button/blob/master/screenCapture/ios-screencapture.gif?raw=true)|
- rn-displayable - ci.org/mfrachet/rn-displayable.svg?branch=master)|
- react-native-modal-loader - native-modal-loader/blob/master/demo/demonstration.gif)|
- react-native-piechart
- react-native-seekbar-android
- react-native-simple-button - native button|<ul><li>Last updated : 1 year ago</li><li>Stars : 9</li><li>Open issues : 0</li></ul>|![](https://github.com/remobile/react-native-button/blob/master/screencasts/demo.gif)|
- react-native-link
- react-native-custom-picker - native-custom-picker/master/doc/images/basic-example.gif "Basic Example Demo")|
- react-native-calendario
- react-native-stylesheet-xg
- react-native-loading
- react-native-progress-button - native-progress-button/blob/master/screenshots/react-native-progress-demo-ios.gif?raw=true)|
- react-native-date-range-picker - native-calendars|<ul><li>Last updated : This week</li><li>Stars : 36</li><li>Open issues : 4</li></ul>|![](https://raw.githubusercontent.com/lazaronixon/react-native-date-range-picker/master/screenshots/shot1.png)|
- react-native-navbar-color - native footer navigation bar and Statusbar|<ul><li>Last updated : This week</li><li>Stars : 19</li><li>Open issues : 4</li></ul>|![](https://nodei.co/npm/react-native-navbar-color.png?downloads=true&downloadRank=true&stars=true)|
- react-native-frame-loading - Native |<ul><li>Last updated : 2 months ago</li><li>Stars : 8</li><li>Open issues : 0</li></ul>|![](https://raw.githubusercontent.com/heyman333/react-native-frame-loading/master/screenshot.gif)|
- react-native-censored - native-censored/blob/master/demo/react-native-censor-demo.png)|
- react-native-animated-styles - native components between two styles.|<ul><li>Last updated : 2 months ago</li><li>Stars : 12</li><li>Open issues : 0</li></ul>|![]()|
- react-native-double-buffer
- react-native-fontbase - ci.org/frostney/react-native-fontbase.svg?branch=master)|
- react-native-easy-checkbox - native|<ul><li>Last updated : 2 years ago</li><li>Stars : 2</li><li>Open issues : 0</li></ul>|![](https://nodei.co/npm/react-native-easy-checkbox.png?downloads=true&downloadRank=true&stars=true)|
- react-native-scene-manager - Native, use https://github.com/pressly/scene-router instead|<ul><li>Last updated : 1 year ago</li><li>Stars : 2</li><li>Open issues : 0</li></ul>|![]()|
- react-native-create-new-file-ios
- react-native-image-container - in React Native|<ul><li>Last updated : 3 years ago</li><li>Stars : 0</li><li>Open issues : 0</li></ul>|![]()|
- react-native-simple-slider - native-simple-slider/master/images/slider-preview.png)|
- react-native-date-picker - A new datetime picker for Android and iOS!|<ul><li>Last updated : This week</li><li>Stars : 110</li><li>Open issues : 3</li></ul>|![](https://raw.githubusercontent.com/henninghall/react-native-date-picker/master/docs/react-native-date-picker.gif)|
- react-native-navigation - native-navigation/master/.logo.png)|
- react-native-suggester - Native package to decorate TextInput and get suggestions with good UX|<ul><li>Last updated : This week</li><li>Stars : 27</li><li>Open issues : 2</li></ul>|![](https://thumbs.gfycat.com/BlueInferiorHorseshoecrab-size_restricted.gif)|
- react-native-smart-splash-screen - native-smart-splash-screen.svg)|
- react-native-multiselect
- react-native-keyboard-aware-scrollview
- rn-bottom-drawer - bottom-drawer/master/demo.gif)|
- react-native-css-gradient - react-native-linear-gradient with css gradient support|<ul><li>Last updated : This week</li><li>Stars : 52</li><li>Open issues : 1</li></ul>|![](https://github.com/catalinmiron/react-native-css-gradient/raw/master/screenshots/gif.gif)|
- react-native-images-collage - source-images/master/react-native-images-collage/i3.gif)|
- react-native-keyboard-aware-scrollview
- react-native-qrcode-svg - native-svg and node-qrcode.|<ul><li>Last updated : This week</li><li>Stars : 299</li><li>Open issues : 7</li></ul>|![](https://nodei.co/npm/react-native-qrcode-svg.png)|
- react-native-credit-card-input - platform credit-card input for your React Native Project! Start accepting payment π° in your app today!|<ul><li>Last updated : This week</li><li>Stars : 860</li><li>Open issues : 52</li></ul>|![]()|
- react-router-native - router π€|<ul><li>Last updated : This week</li><li>Stars : 621</li><li>Open issues : 39</li></ul>|![](https://raw.githubusercontent.com/jmurzy/react-router-native/master/docs/screenshot.gif)|
- react-native-autocomplete-input - native|<ul><li>Last updated : This week</li><li>Stars : 409</li><li>Open issues : 51</li></ul>|![](https://raw.githubusercontent.com/mrlaessig/react-native-autocomplete-input/master/example.gif)|
- react-native-charts - native charting libraryβ (right now just bar charts).|<ul><li>Last updated : 1 month ago</li><li>Stars : 79</li><li>Open issues : 4</li></ul>|![](https://cloud.githubusercontent.com/assets/1638987/9647197/8ec828e0-51a8-11e5-8257-35986fa76bf5.png)|
- react-native-mapbox-gl - native-mapbox-gl.svg?type=large)|
- react-native-parallax-scroll-view - like component with parallax and sticky header support.|<ul><li>Last updated : This week</li><li>Stars : 1656</li><li>Open issues : 68</li></ul>|![](https://raw.githubusercontent.com/jaysoo/react-native-parallax-scroll-view/master/./demo.ios.0.17.2.gif)|
- react-native-looped-carousel - images.githubusercontent.com/577316/37863420-40c62c8c-2f5e-11e8-8eb4-23b8e7ea499e.gif)|
- react-native-maps
- react-native-off-canvas-menu - native's Animated library.|<ul><li>Last updated : This week</li><li>Stars : 345</li><li>Open issues : 18</li></ul>|![](https://raw.githubusercontent.com/shoumma/react-native-off-canvas-menu/master/./visuals/OffCanvas3D.gif)|
- react-native-search-box
- react-native-text-input-mask - native-text-input-mask/react-native-text-input-mask-ios.gif)|
- react-native-scrollable-decorator - native-scrollable-decorator.png?downloads=true&downloadRank=true&stars=true)|
- react-native-actionsheet-native
- react-native-starRating
- react-native-ichart - native|<ul><li>Last updated : 1 year ago</li><li>Stars : 22</li><li>Open issues : 2</li></ul>|![]()|
- react-native-coachmarks - native-coachmark! It helps you easily create Coach Marks to enhance user experience!|<ul><li>Last updated : This week</li><li>Stars : 18</li><li>Open issues : 0</li></ul>|![](https://raw.githubusercontent.com/TranLuongTuanAnh/react-native-coachmasks/master/coachmarkSimulation.gif)|
- react-native-loading-spinner-overlay - [email protected]/media/demo.gif)|
- react-native-offline
- react-native-dialogs - dialogs|<ul><li>Last updated : This week</li><li>Stars : 496</li><li>Open issues : 25</li></ul>|![](https://github.com/aakashns/react-native-dialogs/blob/master/screenshots/radiolist-autodismiss.gif)|
- react-native-invertible-scroll-view - native-invertible-scroll-view.png?downloads=true&downloadRank=true&stars=true)|
- react-native-copilot - by-step walkthrough for your react native app|<ul><li>Last updated : This week</li><li>Stars : 788</li><li>Open issues : 28</li></ul>|![](https://media.giphy.com/media/65VKIzGWZmHiEgEBi7/giphy.gif)|
- react-native-alphabetlistview
- react-native-responsive-image - native-responsive-image/master/retina.png)|
- react-native-canvas
- react-native-scrollable-tab-view - native-scrollable-tab-view/master/demo_images/demo.gif)|
- react-native-image-picker - community/react-native-image-picker/blob/master/images/ios-image.png)|
- react-native-snap-carousel
- react-native-svg - native-community/react-native-svg/master/screenShoots/touchevents.gif)|
- gl-react-native-v2 - react-native/raw/master/docs/simple.gif)|
- react-native-circular-progress - native-circular-progress/master/screenshot.gif)|
- react-native-popup-dialog - native-popup-dialog/resources/react-native-popup-dialog.gif)|
- react-native-masked-text - Native.|<ul><li>Last updated : This week</li><li>Stars : 573</li><li>Open issues : 19</li></ul>|![](https://raw.githubusercontent.com/benhurott/react-native-masked-text/master/docs/res/logo.png)|
- react-native-tab-menu - native-tab/master/img/1.png)|
- react-native-orientation-listener - native library for obtaining current device orientation|<ul><li>Last updated : This week</li><li>Stars : 142</li><li>Open issues : 13</li></ul>|![]()|
- react-native-google-place-picker
- react-native-device-display
- react-native-scrollable-mixin - native-scrollable-mixin.png?downloads=true&downloadRank=true&stars=true)|
- react-native-label-select - native-label-select/master/./GIF/android.gif)|
- react-native-drop-refresh - shot.gif)|
- react-native-comparison-slider - Native.|<ul><li>Last updated : This week</li><li>Stars : 31</li><li>Open issues : 2</li></ul>|![](https://github.com/charlot567/react-native-comparison-slider/blob/master/demo_comparison_slider.gif)|
- react-native-store-view - native projects|<ul><li>Last updated : 1 month ago</li><li>Stars : 27</li><li>Open issues : 1</li></ul>|![](https://i.imgur.com/BlFbKmx.gif)|
- react-native-walkthrough-tooltip - native-walkthrough-tooltip/master/screenshot.gif)|
- react-native-search
- react-native-quiltview
Programming Languages
Categories
Sub Categories
Keywords
react-native
137
ios
38
android
37
react
36
react-native-component
16
javascript
13
component
12
button
7
picker
7
listview
6
dropdown
6
modal
6
image
5
ui
5
animation
4
material-design
4
parallax
4
calendar
4
select
4
reactjs
4
cross-platform
3
flatlist
3
tableview
3
ui-components
3
maps
3
responsive
3
animated
3
qrcode
2
ux
2
transition
2
country-picker
2
react-router
2
react-native-svg
2
placeholder
2
material
2
input
2
react-native-navigation
2
google-maps
2
grid
2
navigation
2
css
2
progress-bar
2
alert
2
expo
2
react-component
2
swipe
2
svg
2
intro
2
mobile
2
google
2