
A curated list of awesome articles, tutorials and resources dealing
with React Native.
Inspired by awesome-go, which was in turn inspired by awesome-python.
Many thanks to everyone on the contributor list :)
Content published on the Web.
Components and native modules. For more search JS.COACH.
- apsl-react-native-button ★240 - React Native button component with rounded corners.
- autoresponsive-react-native ★68 - A Magical Layout Library For React
- ex-navigator ★464 - Route-centric navigation built on top of React Native's Navigator
- react-native-router-sinux ★ ★1 - React Native Router based on new NavigationExperimental that use Sinux as Flux implementation.
- react-native-router-flux ★2018 - React Native Router based on new React Native Navigation API
- react-native-mobx ★47 - Make your app reactive with MobX and react-native-router-flux
- react-native-ya-navigator ★43 - Yet another react native navigator component
- gl-react-native ★856 - use OpenGL for performant effects on images and videos
- k-react-native-swipe-unlocker ★19 - A simple swipe unlock for React Native
- metpro-react-native-progress ★19 - Progress indicators and spinners for React Native using ReactART.
- react-native-accordion ★167 - An Accordion Component for React Native
- react-native-action-button ★342 - A customizable Float Button Component for React Native
- react-native-actionsheet-native ★6 - Android ActionSheet support for React Native
- react-native-activity-view ★247 - iOS share and action sheets for React Native
- react-native-adbannerview ★35 - React Native Bridge for ADBannerView
- react-native-alphabetlistview ★84 - A Listview with a sidebar to jump to sections directly, based on johanneslumpe's react-native-selectablesectionlistview
- react-native-android-blurryoverlay ★38 - A react native android package to show a blurry overlay.
- react-native-android-circles ★9 - A react native android package to show a circle progress view.
- react-native-android-iconify ★27 - icons for react native android using android-iconify
- react-native-android-kit ★48 - A set of native Android UI components and modules for React Native framework (Android Design Support Library, TabLayout, Floating Action Button and more...).
- react-native-android-statusbar ★85 - A react native android package to control the status bar.
- react-native-app-intro ★424 - A React Native parallax effect app intro
- react-native-awesome-button ★91 - A React Native component rendering a button supporting showing different appearances and functionality given the passed props
- react-native-autolink ★43 - Autolinking component for React Native
- react-native-autocomplete ★90 - React Native Component for MLPAutoCompleteTextField
- react-native-autocomplete-input ★35 - Pure javascript autocomplete input for react-native
- react-native-avatar-gravatar ★7 - React Native Gravatar component
- react-native-bar-collapsible ★2 - A Bar component that can be collapsible (toggle/accordion), clickable or text-only.
- react-native-blur ★608 - React Native Blur component
- react-native-fxblurview ★11 - React Native wrapper for popular FXBlurView library for realtime, fine-tuned blur effects
- react-native-button ★357
- react-native-bottom-sheet-behavior ★1 - A react native wrapper for android BottomSheetBehavior.
- react-native-cache-image ★67 - A cache-image for react-native
- react-native-cacheable-image ★10 - A filesystem cacheable image component for react-native
- react-native-calendar-android ★31 - A simple material-themed calendar for react native android
- react-native-calendar ★164 - Calendar Component for React Native
- react-native-canvas ★74 - A Canvas element for React Native
- react-native-carousel ★227 - Simple carousel component for react-native
- react-native-carousel-control ★55 - React Native Carousel control with support for iOS and Android.
- react-native-chart ★550 - react-native-chart is a simple module for adding line charts, area charts, or bar charts to your React Native app.
- react-native-charts ★42 - Delightfully-animated data visualization.
- react-native-checkbox ★41 - Checkbox component for React native
- react-native-circle-checkbox ★11 - Circle checkbox component for React Native
- react-native-circle-progress ★22 - A custom Circle Progress Indocator for React Native
- react-native-circle-view ★28 - circle progress for react native android using CircleView
- react-native-circular-progress ★205 - React Native component for creating animated, circular progress with ReactART
- react-native-collapsible ★211 - Animated collapsible component for React Native using the new Animated API with fallback. Good for accordions, toggles etc
- react-native-countdown ★10 - react native countdown button
- react-native-country-picker ★3 - React Native Country Picker
- react-native-country-picker-modal ★73 - Country picker provides a modal allowing a user to select a country from a list. It display a flag next to each country name.
- react-native-create-new-file-ios ★0 - A react-native interface for creating a blank new file on ios. File must not already exist.
- react-native-custom-actsheet ★26 - A custom ActionSheet for react-native
- react-native-custom-checkbox ★3 - React Native checkbox that can be customize. Works for both Android and iOS.
- react-native-dashed-border ★18 - A element for react-native
- react-native-date ★40 - React Native date and time pickers for Android
- react-native-timepicker ★8 - React Native timepicker for iOS
- react-native-datepicker ★82 - React Native date, datetime and time picker for both Android and IOS
- react-native-device-display ★73 - A simple way to create dynamic views through device and display detection, allowing the creation of adaptable and universal apps.
- react-native-dialogs ★196 - React Native wrappers for https://github.com/afollestad/material-dialogs
- react-native-double-buffer ★2 - Simple React Native Double Buffer View
- react-native-draggable-drawer ★13 - DraggableDrawer component for React Native.
- react-native-drawer ★834 - React Native Drawer
- react-native-dropbox-chooser ★13 - React Native dropbox chooser module
- react-native-dropdown-android ★53 - Simple wrapper for Android's Spinner to use with react-native
- react-native-drop-refresh ★9 - A pull down to refresh control for react native.
- react-native-dropdownalert ★43 - A dropdown alert that allows you to display bits of information to your user.
- react-native-dropdown ★193 - A better Select dropdown menu for react-native
- react-native-effects-view ★189 - ReactNative Component that makes easy to use iOS8 UIVisualEffect
- react-native-egg ★46 - A easter egg component implementation simple gestures detection achieve trigger can make your react native app infinitely more fun.
- react-native-emoji ★58 - Emoji component for React Native
- react-native-emoji-picker ★4 - Simple Emoji picker for react-native with optional modal-like component
- react-native-fading-slides ★19 - Simple looped fading slides carousel for React Native
- react-native-fit-image ★40 - Responsive image component to fit perfectly itself.
- react-native-flex-label ★5 - A text label for React Native that handles multiple lines of text with ellipses truncation as well as vertical alignment within it's view container.
- react-native-floating-labels ★54 - Reusabe floating lable component for react native
- react-native-fm-form ★8 - Generate list view form of React Native in few line of codes
- react-native-form-flux ★2 - React Native Form management using Flux architecture
- react-native-form ★74 - A simple react-native component to wrap your form fields!
- react-native-forms ★33 - A declarative API for creating, validating, and serializing native-looking forms.
- react-native-form-generator ★97 - Generate amazing React Native forms in a breeze
- react-native-fontbase ★0 - Defining font sizes in React Native
- react-native-fs-modal ★35 - React native full screen modal component.
- react-native-full-screen ★5 - React Native FullScreen api and element
- react-native-gesture-password ★136 - A gesture password component for React Native
- react-native-gesture-recognizers ★117 - Gesture recognizer decorators for react-native
- react-native-gestures ★81 - composable gesture system in react native
- react-native-gifted-chat ★1343 - The most complete chat UI for React Native (formerly known as Gifted Messenger)
- react-native-gifted-form ★455 - Form component for react-native
- react-native-gifted-listview ★555 - A ListView that embed some recurrents features like pull-to-refresh, infinite scrolling and more for Android and iOS React-Native apps
- react-native-gmaps ★70 - React Native Android Google Maps implementation.
- react-native-geo-fencing ★15 - Native modules to determine if a location is within defined geographical boundaries using Google Geometry library
- react-native-gravatar ★3 - react-native wrapper for gravatar-api
- react-native-grid-view ★175 - React Native Grid/Collection View component
- react-native-grid ★11 - The 24-column grid component for react-native
- react-native-ichart ★14 - ichart for react-native
- react-native-icons, video
- react-native-idle-timer ★18 - An Objective-C bridge that allows you to enable and disable the screen idle timer in your React Native app
- react-native-image-button ★3 - A image-button for react-native
- react-native-image-container ★0 - Image container for React Native
- react-native-image-picker ★1052 - 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-crop-picker ★135 - iOS/Android image picker with support for multiple images and cropping
- react-native-imagewand ★3 - image wand for react native
- react-native-invertible-scroll-view ★157 - An invertible ScrollView for React Native
- react-native-item-cell ★34 - React Native default style iOS item cell
- react-native-keyboard-spacer ★250 - Plug and play react-Native keyboard spacer view.
- react-native-keyboardevents ★197 - Monitors keyboard show/hide notifications
- react-native-layout ★24 - Semantic JSX layout components for react-native
- react-native-lightbox ★593 - a very Slick and modern mobile lightbox implementation
- react-native-link ★5 - A link component, similar to <A href from HTML
- react-native-listitem ★62 - iOS-style listitem component for React Native
- react-native-loader-hud ★0 - Loader animation library for React Native
- react-native-loading ★2 - A lightweight loading for your React Native app.
- react-native-looped-carousel ★350 - Create looped carousel of views or images
- react-native-mapbox-gl ★512 - A Mapbox GL react native module for creating custom maps
- react-native-maps ★1338 - React Native Map components for iOS + Android
- react-native-marquee-label ★15 - A marquee label for react-native
- react-native-masked-view ★27 - A element for react-native
- react-native-material-design ★1009 - React Native Material Design Components
- react-native-material-kit ★1620 - Bringing Material Design to React Native
- react-native-match-media ★2 - window.matchMedia mock for React Native
- react-native-message-composer ★32 - React Native module bridge to iOS MFMessageComposeViewController
- react-native-md-textinput ★65 - React Native TextInput styled with Material Design.
- react-native-modalbox ★469 - A component for react-native
- react-native-modal-picker ★52 - A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections.
- react-native-multi-slider ★47 - Pure JS slider component with multiple markers for React Native
- react-native-multiple-choice ★17 - A cross-platform (iOS / Android) single and multiple-choice React Native component.
- react-native-nav ★134 - A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component
- react-native-navbar ★1014 - Simple customizable navbar component for react-native
- react-native-navigation-bar ★38 - react-native-navigation-bar
- react-native-navigation-buttons ★1 - iOS navigation buttons for the React Native Navigator
- react-native-navigation-drawer ★59 - A slide menu inspired from Android for React-Native
- react-native-navigator ★55 - A simple router for react native
- react-native-nested-stylesheet ★45 - Nestable stylesheets for react-native.
- react-native-newsticker ★14 - The News Ticker component for React Native
- react-native-nmrangeslider-ios ★16 - The NMRangeSlider component for React Native
- react-native-offline-mode ★33 - Swap your app with an offline version while there's no connectivity
- react-native-orientation-controller ★11 - A react-native library for obtaining and controlling the current device and application orientation
- react-native-orientation-listener ★93 - A react-native library for obtaining current device orientation
- react-native-orientation ★222 - Listen to device orientation changes in react-native and set preferred orientation on screen to screen basis
- react-native-page-control ★66 - React native page control, like ios UIPageControl
- react-native-page-swiper ★57 - Page Swiper component for React Native.
- react-native-parallax ★205 - Parallax effects for React Native using Animated API
- react-native-parsed-text ★160 - Parse text and make them into multiple React Native Text elements
- react-native-pdf-view ★57 - view pdf file using react-native
- react-native-phone-picker ★16 - a quick phone picker control
- react-native-photo-browser ★160 - Local and remote photo browser with captions, selections and grid view support.
- react-native-photo-grid ★4 - React Native component that handles the complexities of building a grid of photos with a flexible number of photos per row.
- react-native-picker-android ★47 - react-native-picker-android
- react-native-picker ★148 - react-native-picker
- react-native-picker-xg ★15 - A picker for both Android and iOS
- react-native-piechart ★9 - A component for React Native
- react-native-popover-haobtc ★166 - A component for react-native
- react-native-popup ★47 - popup for react-native
- react-native-popupwindow ★12 - Android PopupWindow for react-native module
- react-native-privacy-snapshot ★38 - Obscure passwords and other sensitive personal information when a react-native app transitions to the background
- react-native-progress-bar ★105 - An animated progress bar component for React Native
- react-native-progress-circular ★16 - A pure React Native Component for circular progress bars for both iOS and Android.
- react-native-progress-hud ★128 - A clean and lightweight progress HUD for your React Native app
- react-native-qrcode ★67 - react-native qrcode generator
- react-native-quiltview ★5 - Native iOS UICollectionView wrapper with RFQuiltLayout for React Native
- react-native-radial-menu ★36 - A Radial Menu optimized for touch interfaces
- react-native-radio-button-classic ★29 - Bring Classic Radio to React-Native
- react-native-radio-buttons ★119 - A react component to implement custom radio buttons-like behaviors: multiple options, only on can be selected at once.
- react-native-rebound-scrollview ★6 - React Native Android ReboundScrollView implementation.
- react-native-refresher ★274 - A React Native pull to refresh ListView completely written in js. Also supports custom animations.
- react-native-relative-units ★3 - Relative units for React Native
- react-native-responsive-image ★110 - Most elegant Responsive Image component
- react-native-root-modal ★59 - react native modal component
- react-native-route-navigator ★23 - React-Native page navigation using URIs.
- react-native-router ★1038 - Awesome navigation for your native app.
- react-native-controllers ★312 - Truly native no-compromise iOS navigation for React Native.
- react-native-navigation ★490 - A simplified wrapper around react-native-controllers bringing truly native navigation for iOS with a very simple API. Includes redux support.
- react-native-scene-manager ★1 - Simple Scene Manager for React-Native
- react-native-scrollable-decorator ★21 - A standard interface for your scrollable React Native components, making it easier to compose components
- react-native-scrollable-mixin ★55 - A standard interface for your scrollable React Native components, making it easier to compose components.
- react-native-scrollable-tab-view ★1846 - 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
- react-native-scrollview-lazyload ★39 - react-native scrollview with image lazy load
- react-native-infinite-scrollview ★18 - ScrollView with infinte paged scrolling (no looping)
- react-native-search-bar ★276 - The native search bar for react native.
- react-native-search ★8 - Native Search component for react native.
- react-native-seekbar-android ★6 - A React Native wrapper Android's SeekBar
- react-native-custom-segmented-control ★30 - Native UI iOS component for Segmented Control with custom style
- react-native-segmented-view ★89 - Segmented View for React Native (with animation)
- react-native-select-box ★0 - react native select box
- react-native-selectme ★66 - A better Select dropdown menu for react-native
- react-native-shared-preferences ★12 - Android's Native key value storage system in React Native
- react-native-showdown ★9 - React-native component which renders markdown into a webview!
- react-native-simple-button ★4 - A simple react-native button
- react-native-simple-picker ★3 - A simple react-native select picker
- react-native-simple-router ★150 - A community maintained router component for React Native
- react-native-simple-stepper ★5 - A super simple react-native implementation of the classic UIStepper from iOS.
- react-native-simpledialog-android ★26 - React Native Android module to use Android's AlertDialog - same idea of AlertIOS
- react-native-sketch ★31 - A react-native <Sketch /> component to draw with touch events.
- react-native-slack-webhook ★17 - Follow some activities (new user, payment, ...) from your app via Slack and this webhook lib.
- react-native-slidable-tab-bar ★21 - Slidable tab bar for instant view rendering(react-native)
- react-native-slider ★207 - A pure JavaScript component for react-native
- react-native-spinkit ★389 - A collection of animated loading indicators for React Native
- react-native-splashscreen ★140 - A splashscreen for react-native
- react-native-square-view ★16 - A square view component for react native.
- react-native-star-rating ★46 - A React Native component for generating and displaying interactive star ratings
- react-native-starrating ★15 - a react-native component for display interactive star ratings
- react-native-store-view ★0 - Wraps SKStoreProductViewController for use in react-native projects
- react-native-stylesheet-xg ★3 - extension stylesheet for cross platforms and responsive
- react-native-svg ★356 - SVG library that works on both iOS & Android
- react-native-swipeout ★610 - iOS-style swipeout buttons behind component
- react-native-swipe-a-lot ★34 - A swipe component for React Native that works on iOS and Android.
- react-native-swiper2 ★62 - Swiper component for React Native. Supersede react-native-swiper
- react-native-swiper ★1863 - The best Swiper component for React Native.
- react-native-tab ★63 - react-native-tab is a simple module for add a "Tab Menu" to your React Native app.
- react-native-tabbar ★172 - Tab bar with more freedom
- react-native-tableview-simple ★81 - React Native component for TableView made with pure CSS
- react-native-tableview ★459 - Native iOS TableView wrapper for React Native
- react-native-tabs ★288 - React Native platform-independent tabs. Could be used for bottom tab bars as well as sectioned views (with tab buttons)
- react-native-textinput-utils ★31 - A react native extension which allows you to control TextInput better.
- react-native-timeago ★104 - Auto-updating timeago component for React Native
- react-native-timer-mixin ★116 - TimerMixin provides timer functions for executing code in the future that are safely cleaned up when the component unmounts. This is a fork that includes react-native InteractionManager support.
- react-native-tinder-swipe-cards ★183 - Tinder card style swiping.
- react-native-toast ★127 - A android like toast for react-native support for ios and android
- react-native-toolkit ★31 - A collection of common UI components for react native mobile apps.
- react-native-tooltip ★87 - A react-native wrapper for showing tooltips
- react-native-touchable-bounce ★13 - React Native Touchable Bounce
- react-native-touchable-set-active ★23 - Touchable component for React Native that enables more advanced styling by setting an active state. Most useful for building your own touchable/button components on top of.
- react-native-transparent-bar ★11 - react native navigator transparent bar
- react-native-triangle ★13 - draw triangle views in react native
- react-native-tween-animation ★29 - A simple react native state tween animation module.
- react-native-vector-icons ★2281 - Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling. Choose from 3000+ bundled icons or use your own.
- react-native-viewpager ★605 - ViewPager componnent for React Native
- react-native-viewport-units ★43 - Incredibly simple utility for (sort of) using viewport units with React Native.
- react-native-viewport ★41 - Viewport dimensions for react-native
- react-native-webbrowser ★46 - A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps.
- react-native-wheel-picker ★14 - React native cross platform picker.
- react-native-wheel ★12 - android wheel view for react-native
- react-native-yynavigator ★0 - custom navigation bar for react-native
- react-native-message-bar ★99 - A module for presenting notifications via an animated message bar at the top/bottom of the screen, highly customizable, for React Native (Android and iOS) projects.
- react-native-sglistview ★301 - A memory minded implementation of React Native's ListView
- react-router-native ★102 - A routing library for React Native that strives for sensible API parity with React Router
- react-native-telephone-input ★11 - React Native Telephone Input, discover country and mask telephone Input
- react-native-off-canvas-menu ★47 - Beautifully crafted off canvas menu components for react native applications.
Useful React Native tooling.
Get a head start on development with an existing seed.
Libraries / SDK type additions for React Native development.
Open source React Native apps and other examples.
- Awesome React Native Meteor ★82 - An awesome list of resources for using Meteor and React Native together
- NativeBase ★1549 - builds a layer on top of React Native that provides you with basic set of components for mobile application development
Walkthroughs and tutorials that help you learn React Native.
Quick solutions to typical problems.
Books - free and commercial (but only good ones).
Assortment of conference and training videos.