Components

• UI

  • react-native-simple-dialogs ★97 - Cross-platform simple dialogs for React Native based on the Modal component.
  • react-native-swipe-a-lot ★96 - A swipe component for React Native that works on iOS and Android.
  • react-native-submit-button ★96 - Animated Submit button. Works on both android and ios
  • react-native-actions-sheet ★94 - A Cross Platform(Android & iOS) ActionSheet with a flexible api, native performance and zero dependency code
  • react-native-dialog ★92 - Pure JavaScript React-Native dialog
  • react-native-open-maps ★90 - A simple lib to open up the corresponding map application (Google or Apple Maps) from a set of coordinates (latitude & longitude) within react-native
  • react-native-swiper2 ★86 - Swiper component for React Native. Supersede react-native-swiper
  • react-native-listitem ★86 - iOS-style listitem component for React Native
  • react-native-progressive-input ★86 - TextInput with clear button and activity indicator, used as part of autocomplete list.
  • react-native-in-app-notification ★86 - Customisable in-app notification component for React Native
  • react-native-shared-preferences ★85 - Android's Native key value storage system in React Native
  • react-native-emoji-picker ★85 - Simple Emoji picker for react-native with optional modal-like component
  • react-native-scalable-image ★85 - React Native Image component which scales width or height automatically to keep the original aspect ratio.
  • react-native-page-swiper ★83 - Page Swiper component for React Native.
  • react-native-3dcube-navigation ★80 - Page Swiper component with 3D cube transition (horizontal and vertical)
  • react-native-keyboard-accessory ★80 - Keyboard Accessory (View, Navigation) Component. Sticky views on keyboard.
  • react-native-draggable-grid ★41 - A React Native draggable and sortable grid component write by typescript.
  • react-native-textinput-utils ★79 - A react native extension which allows you to control TextInput better.
  • react-native-idle-timer ★79 - An Objective-C bridge that allows you to enable and disable the screen idle timer in your React Native app
  • react-native-snackbar-component ★77 - A snackbar component for Android and iOS, customizable and simple.
  • react-native-charts ★76 - Delightfully-animated data visualization.
  • react-native-android-blurryoverlay ★75 - A react native android package to show a blurry overlay.
  • react-native-calendar-datepicker ★75 - A cross-platform calendar datepicker
  • react-native-scrollview-smart ★75 - A Smart ScrollView component for IOS and Android.
  • react-native-zoom-image ★75 - An image viewer component for react-native, like twitter's image viewer.
  • react-native-picker-xg ★74 - A picker for both Android and iOS
  • react-native-status-bar-height ★73 - A small library that helps you to get status bar height easily. It also support iPhone X.
  • react-native-color-wheel ★72 - A react native reusable color picker wheel
  • react-native-scrollview-lazyload ★71 - react-native scrollview with image lazy load
  • react-native-material-cards ★70 - A material design card component, customizable and versatile.
  • react-native-item-cell ★69 - React Native default style iOS item cell
  • react-native-calendario ★69 - React Native Calendar DatePicker
  • react-native-picker-android ★67 - react-native-picker-android
  • react-native-nested-stylesheet ★67 - Nestable stylesheets for react-native.
  • react-native-dropdown-android ★65 - Simple wrapper for Android's Spinner to use with react-native
  • react-native-slot-machine ★65 - A text slot machine component for react-native
  • react-native-swipeview ★65 - SwipeView component used to perform actions like swipe to delete, works on iOS and Android
  • react-native-download-button ★64 - React Native Download Button: with pretty cool animation
  • react-native-siri-wave-view ★64 - React Native: Native Siri Wave View
  • react-native-card-media ★63 - Card media component & Support multiple image layout
  • react-native-simple-picker ★62 - A simple react-native select picker
  • react-native-view-pdf ★62 - PDF viewer for React Native
  • react-native-touchable-bounce ★62 - React Native Touchable Bounce
  • react-native-streetview ★61 - Google's Panorama/StreetView component for iOS and Android.
  • react-native-thumbnail ★60 - Get thumbnail from local media.
  • react-native-simple-stepper ★60 - A super simple react-native implementation of the UIStepper iOS control.
  • react-native-phone-picker ★58 - a quick phone picker control
  • react-native-infinite-scrollview ★58 - ScrollView with infinite paged scrolling (no looping)
  • react-native-select-multiple ★58 - A simple and easy to use component for multiple selection of item from List.
  • react-native-easy-content-loader ★57 - React-Native light weight skeleton content loading.
  • react-native-multiple-choice ★57 - A cross-platform (iOS / Android) single and multiple-choice React Native component.
  • k-react-native-swipe-unlocker ★55 - A simple swipe unlock for React Native
  • react-native-adbannerview ★52 - React Native Bridge for ADBannerView
  • react-native-fxblurview ★52 - React Native wrapper for popular FXBlurView library for realtime, fine-tuned blur effects
  • react-native-beautiful-image ★52 - The Beautiful Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded.
  • react-native-360-image-viewer ★100 - The component helps to simulate 360 degrees image from multiple images.
  • react-native-fs-modal ★51 - React native full screen modal component.
  • react-native-toast-native ★51
  • react-native-masked-view ★50 - A element for react-native
  • react-native-md-motion-buttons ★50 - Material design motion button inspired by inVision app.
  • react-native-pin-view ★48 - Easy, convenient, quick-forming PinView component. It runs smoothly for both IOS and Android.
  • react-native-radio-button-classic ★47 - Bring Classic Radio to React-Native
  • react-native-image-intent ★47 - Image intent receiver for React Native android
  • react-native-dial ★47 - A react native reusable and efficient dial knob element.
  • react-native-date ★46 - React Native date and time pickers for Android
  • react-native-draggable-drawer ★46 - DraggableDrawer component for React Native.
  • react-native-date-picker ★46 - A date picker component for Android and iOS
  • react-native-touch-visualizer ★45 - Visualize touches and drags on React Native apps for iOS.
  • react-native-calendar-android ★44 - A simple material-themed calendar for react native android
  • react-native-full-screen ★44 - React Native FullScreen api and element
  • react-native-viewport ★43 - Viewport dimensions for react-native
  • react-native-progress-circular ★43 - A pure React Native Component for circular progress bars for both iOS and Android.
  • react-native-tween-animation ★43 - A simple react native state tween animation module.
  • react-native-flanimatedimage ★43 - FLAnimatedImage for React Native.
  • react-native-slack-webhook ★42 - Follow some activities (new user, payment,...) from your app via Slack and this webhook lib.
  • react-native-simpledialog-android ★41 - React Native Android module to use Android's AlertDialog - same idea of AlertIOS
  • react-native-toolkit ★41 - A collection of common UI components for react native mobile apps.
  • react-native-elastic-stack ★41 - ReactNative component that implements [elastic stack effect](https://tympanus.net/Development/ElasticStack/)
  • react-native-big-slider ★41 - Yet another, big one, pure JS easily customisable and hackable react-native slider component.
  • react-native-custom-actsheet ★40 - A custom ActionSheet for react-native
  • rn-render-perfs ★40 - Measure React rendering lifecycles using UI controls
  • react-native-animated-check-mark ★40 - A small react component for animated cross-mark transformation.
  • react-native-easy-dnd ★39 - Drag and drop component for react-native
  • react-native-fab ★39 - A FAB button component for Android and iOS, customizable, simple and as per material design specs.
  • react-native-popupwindow ★38 - Android PopupWindow for react-native module
  • react-native-wheel ★38 - android wheel view for react-native
  • react-native-circle-view ★37 - circle progress for react native android using CircleView
  • react-native-slidable-tab-bar ★37 - Slidable tab bar for instant view rendering(react-native)
  • react-native-circle-checkbox ★37 - Circle checkbox component for React Native
  • react-native-newsticker ★35 - The News Ticker component for React Native
  • react-native-awesome-alert ★35 - Customizable modal components with ✔️check options in React Native
  • react-native-view ★34 - Lightweight View component for quick styling.
  • react-native-draggable-calendar ★34 - A calendar component supporting dragging.
  • react-native-countdown ★33 - react native countdown button
  • react-native-dashed-border ★33 - A element for react-native
  • react-native-writebox ★33 - (iOS / Android) Facebook/Twitter textarea that autogrow and count characters.
  • react-native-ibeacon-simulator ★32 - React Native Library to simulate device act as an iBeacon
  • react-native-suggester ★32 - React-Native package to decorate TextInput and get suggestions with good UX.
  • react-native-photo-grid ★31 - React Native component that handles the complexities of building a grid of photos with a flexible number of photos per row.
  • react-native-android-iconify ★30 - icons for react native android using android-iconify
  • react-native-touchable-set-active ★30 - 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-telephone-input ★30 - React Native Telephone Input, discover country and mask telephone Input
  • react-native-nmrangeslider-ios ★29 - The NMRangeSlider component for React Native
  • react-native-fade-in-view ★29 - A simple and lightweight RN component that fades in its children
  • react-native-gl-image-filters ★27 - React Native GL Filters for Image implementation.
  • react-native-focus-scroll ★26 - react-native-focus-scroll can detect which children are focused when scrolling.
  • react-native-about-libraries ★26 - React Native: It offers information about install packages
  • react-native-selectmultiple-button ★25 - A button (or a grouped buttons) supporting multiple or radio selection
  • react-native-timeline-theme ★25 - Collection of TimeLine theme. This package only use flexbox(without absolute) & FlatList
  • react-native-date-range-picker ★25 - Simple date range picker extended from react-native-calendars 📆
  • react-native-circle-progress ★24 - A custom Circle Progress Indicator for React Native
  • react-native-app-intro-v2 ★24 - Latest App intro
  • react-native-echarts-wrapper ★24 - Powerful ECharts wrapper build for React Native
  • react-native-orientation-controller ★23 - A react-native library for obtaining and controlling the current device and application orientation
  • react-native-simple-card-view ★23 - Easiest way to adding a card view on your screen.
  • react-native-square-view ★22 - A square view component for react native.
  • react-native-dropbox-chooser ★21 - React Native dropbox chooser module
  • react-native-compress ★21 - Compress video for react native. Only for iOS, Android will be coming.
  • react-native-custom-actionsheet ★21 - Fully customizable ActionSheet for React Native.
  • react-native-timepicker ★20 - React Native timepicker for iOS
  • react-native-drawpad ★20 - A pad for users to draw by touching
  • rn-ab-hoc ★19 - Poor intrusive way to make A/B Testing by using an HoC instead of components.
  • react-native-expand ★19 - A react-native expandable component for both Android and iOS
  • react-native-modal-loader ★19 - Customizable animated modal progress hud for react apps.
  • react-native-avatar-gravatar ★18 - React Native Gravatar component
  • react-native-image-modal ★16 - simple full size modal image for iOS and Android. supports zoom-in/out, double-tap zoom-in/out, move and swipe-to-dismiss
  • react-native-notifier ★16 - Fast and simple in-app notifications for React Native
  • react-native-grid ★15 - The 24-column grid component for react-native
  • rn-displayable ★15 - Display your components based on props or a set of rules
  • react-native-custom-picker ★15 - React native customizable picker component.
  • react-native-confirmation-code-field ★15 - A React Native component to input confirmation code for both Android and IOS
  • react-native-android-circles ★14 - A react native android package to show a circle progress view.
  • react-native-anchor-point ★14 - Make the fancy 3D transform easier in react native
  • react-native-code-verification ★13 - An UI module for user-side pincode verification.
  • react-native-hijri-date-picker ★13 - Date Picker Dialog for Hijri calendar for android.
  • react-native-gravatar ★13 - react-native wrapper for gravatar-api
  • react-native-rebound-scrollview ★12 - React Native Android ReboundScrollView implementation.
  • react-native-calculator ★12 - React Native Calculator and Calculator Input Component.
  • react-native-navbar-color ★12 - Change Navigationbar Color in Android
  • radio-buttons-react-native ★11 - Animated radio buttons component for react native
  • react-native-piechart ★10 - A component for React Native
  • react-native-seekbar-android ★10 - A React Native wrapper Android's SeekBar
  • react-native-progress-button ★10 - A react native button component that can show progress.
  • react-native-relative-units ★9 - Relative units for React Native
  • react-native-simple-button ★9 - A simple react-native button
  • react-native-styled-toast ★9 - A themeable toast component for React Native.
  • react-native-frame-loading ★9 - The Loading indicator with frame by frame view animation
  • react-native-rheostat ★9 - Inspired by Airbnb's [rheostat](https://github.com/airbnb/rheostat), a powerful slider with assorted data visualized charts.
  • react-native-country-picker ★8 - React Native Country Picker
  • react-native-flex-label ★8 - 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-link ★8 - A link component
  • react-native-stylesheet-xg ★8 - extension stylesheet for cross platforms and responsive
  • react-native-censored ★8 - React Native component to censor content.
  • react-native-bouncing-ball ★8 - React Native component bouncing ball for both iOS and Android.
  • react-native-loading ★7 - A lightweight loading for your React Native app.
  • react-native-segment-control ★7 - A swipeable SegmentedControl component for React Native apps.
  • react-native-animated-styles ★7 - Easily animate/transition react components between two style states.
  • react-native-hide-modal ★6 - Modal component that can be hidden
  • react-native-hole-view ★6 - Component for cutting out click-through holes in any view. Perfect for making tutorial-like overlay
  • react-native-masonry-brick-list ★5 - Staggered Or Masonary List View For React Native Written in pure js
  • react-native-blur-overlay ★5 - React Native Blur Overlay Library For Ios And Android
  • react-native-rate-modal ★5 - Hackable "rate us" component for React Native.
  • react-native-fancy-carousel-viewpager ★4 - React Native Designed View Pager Library (pure js)
  • pinar ★4 - Customizable, lightweight React Native carousel component with accessibility support.
  • react-native-svg-transformer ★4 - Import SVG files inside React Native components. Uses the react-native-svg library to render SVG images.
  • react-native-progress-steps ★4 - A simple and fully customizable React Native component that implements a progress stepper UI.
  • react-native-loader-hud ★3 - Loader animation library for React Native
  • react-native-double-buffer ★3 - Simple React Native Double Buffer View
  • react-native-fontbase ★3 - Defining font sizes in React Native
  • react-native-units ★2 - A collection of useful units and a simple grid implementation for responsive layouts in React Native.
  • react-native-easy-checkbox ★2 - Simple CheckBox for react-native
  • react-native-scene-manager ★2 - Simple Scene Manager for React-Native
  • react-native-rounded-navigation-drawer ★2 - React Native Designed Navigation Drawer Library (Pure Js)
  • react-native-expandable-fab-menu ★2 - React Native Expandable Fab Menu Component (pure js)
  • react-native-animated-bottom-tabbar ★2 - Animated bottom Tab bar for react native
  • react-native-create-new-file-ios ★1 - A react-native interface for creating a blank new file on ios. File must not already exist.
  • react-native-picker-module ★1 - A different approach for React Native Picker.
  • react-native-countries ★1 - This package is provide you directly native countries name & code list from device.
  • react-native-scrubber ★1 - A simple audio/video Scrubber for both iOS and Android.
  • react-native-loader-kit ★1 - Purely native loading animations for React Native.
  • react-native-new-feature ★1 - A simple and lightweight What's New component to show your latest React native Features.
  • react-native-sdr - Server Driven Rendering (SDR) component for React Native
  • react-native-image-container ★0 - Image container for React Native
  • react-native-counters ★0 - Minus Plus Counter for React Native
  • swipeable-modal-react-native - A 'pop-up' modal that can be swiped away left or right to run different functions.
  • react-native-countdown-text - A React Native component that converts a timestamp of a future date to a readable countdown clock, based on a format.
  • rn-actionsheet-module ★0 - BottomsheetDialog & ActionSheetIOS with same props and usage.
  • react-native-animated-loader - A React Native Loader Component which uses Airbnb's Lottie for beautiful loader animations.
  • rn-verifcode - React-Native component to input confirmation code for both Android and IOS
  • react-native-picker-modal-view - React Native Module to select item picker modal.
  • rn-material-textinput - A simple TextInput wrapper for material styling in iOS and Android with Customizable styles & Animated label.
  • rn-action-picker - A simple action picker for iOS and Android. Renders Native ActionSheetIOS Component in iOS and custom ActionSheet lookalike component in Android.
  • rn-collapsible-section - A collapsible section / section list with customizable section body and child body. Supports both iOS and Android.
  • react-native-gesture-detector - Easily create and detect custom, complex gestures on React Native.
  • react-native-scrollview-header ★5 - An animated ScrollView header that transitions from transparent background to opaque upon scrolling.
  • react-native-wizard - Easily navigate your user for next step. Quick-forming Wizard component.
  • react-native-timetable - 📆 timetable library for React Native
  • react-native-images-collage ★19 - Robust interactive image collage component for React Native.
  • lottie-react-native ★10415 - A mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with bodymovin and renders them natively on mobile!
  • react-native-maps ★8388 - React Native Map components for iOS + Android