Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-react-native

React Native资源大全中文版。An awesome React Native packages and resources
https://github.com/huaize2020/awesome-react-native

Last synced: 5 days ago
JSON representation

  • Components

    • Button

      • apsl-react-native-button - React Native button component with rounded corners. ![](https://img.shields.io/github/stars/APSL/react-native-button.svg?style=social&label=Star)
      • react-native-action-button - Customizable multi-action-button component for react-native. ![](https://img.shields.io/github/stars/mastermoo/react-native-action-button.svg?style=social&label=Star)
      • react-native-really-awesome-button - RNRAB is a 3D at 60fps, progress enabled, extendable, production ready component that renders an awesome animated set of UI buttons. ![](https://img.shields.io/github/stars/rcaferati/react-native-really-awesome-button.svg?style=social&label=Star)
      • react-native-button - A button for React apps. ![](https://img.shields.io/github/stars/ide/react-native-button.svg?style=social&label=Star)
    • Navigation

      • react-navigation - Routing and navigation for your React Native apps. ![](https://img.shields.io/github/stars/react-navigation/react-navigation.svg?style=social&label=Star)
      • react-native-navigation - A complete native navigation solution for React Native. ![](https://img.shields.io/github/stars/wix/react-native-navigation.svg?style=social&label=Star)
      • react-native-router-flux - React Native Router based on new React Native Navigation API. ![](https://img.shields.io/github/stars/aksonov/react-native-router-flux.svg?style=social&label=Star)
      • react-native-screens - Native navigation primitives for your React Native app. ![](https://img.shields.io/github/stars/software-mansion/react-native-screens.svg?style=social&label=Star)
    • List

      • recyclerlistview - High performance listview for React Native and web. ![](https://img.shields.io/github/stars/Flipkart/recyclerlistview.svg?style=social&label=Star)
      • flash-list - A better list for React Native. ![](https://img.shields.io/github/stars/Shopify/flash-list.svg?style=social&label=Star)
    • Styling

      • react-native-blur - React Native Blur component. ![](https://img.shields.io/github/stars/Kureev/react-native-blur.svg?style=social&label=Star)
      • react-native-linear-gradient - A <LinearGradient /> component for react-native. ![](https://img.shields.io/github/stars/react-native-linear-gradient/react-native-linear-gradient.svg?style=social&label=Star)
      • react-native-shadow-2 - Cross-platform shadow for React Native. Improved version of the abandoned react-native-shadow package. ![](https://img.shields.io/github/stars/SrBrahma/react-native-shadow-2.svg?style=social&label=Star)
    • Icon

      • react-native-vector-icons - Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling. Choose from 3000+ bundled icons or use your own. ![](https://img.shields.io/github/stars/oblador/react-native-vector-icons.svg?style=social&label=Star)
      • @ant-design/icons-react-native - Ant Design Icons for React Native. ![](https://img.shields.io/github/stars/ant-design/ant-design-icons.svg?style=social&label=Star)
      • react-icomoon - With React-Icomoon you can easily use the icons you have selected or created in icomoon. 📦 Zero Dependencies and Lightweight. ![](https://img.shields.io/github/stars/aykutkardas/react-icomoon.svg?style=social&label=Star)
      • @expo/vector-icons - This library is a compatibility layer around @oblador/react-native-vector-icons to work with the Expo asset system. ![](https://img.shields.io/github/stars/expo/vector-icons.svg?style=social&label=Star)
    • Viewer/Swiper/Carousel

      • react-native-swiper - The best Swiper component for React Native. ![](https://img.shields.io/github/stars/leecade/react-native-swiper.svg?style=social&label=Star)
      • photo-viewer - A photo viewer for react native build on top of NYTPhotoViewer and FrescoImageViewer. ![](https://img.shields.io/github/stars/merryjs/photo-viewer.svg?style=social&label=Star)
      • react-native-zoom-image - An image viewer component for react-native, like twitter's image viewer. ![](https://img.shields.io/github/stars/Tinysymphony/react-native-zoom-image.svg?style=social&label=Star)
      • react-native-image-viewer - 🚀 tiny & fast lib for react native image viewer pan and zoom. ![](https://img.shields.io/github/stars/ascoders/react-native-image-viewer.svg?style=social&label=Star)
    • Forms

      • formik - Forms in React, without tears. ![](https://img.shields.io/github/stars/jaredpalmer/formik.svg?style=social&label=Star)
      • react-hook-form - React hooks for forms validation without the hassle. ![](https://img.shields.io/github/stars/react-hook-form/react-hook-form.svg?style=social&label=Star)
      • tcomb-form-native - Generate React Native forms. ![](https://img.shields.io/github/stars/gcanti/tcomb-form-native.svg?style=social&label=Star)
      • react-native-gifted-form - Form component for react-native. ![](https://img.shields.io/github/stars/FaridSafi/react-native-gifted-form.svg?style=social&label=Star)
      • react-native-clean-form - Good looking form elements with redux-form integration. Stylable with styled-components. ![](https://img.shields.io/github/stars/esbenp/react-native-clean-form.svg?style=social&label=Star)
      • react-native-form-generator - Generate amazing React Native forms in a breeze. ![](https://img.shields.io/github/stars/MichaelCereda/react-native-form-generator.svg?style=social&label=Star)
      • react-reactive-forms - Angular like reactive forms in React. ![](https://img.shields.io/github/stars/bietkul/react-reactive-form.svg?style=social&label=Star)
      • react-native-form - A simple react-native component to wrap your form fields! ![](https://img.shields.io/github/stars/julianocomg/react-native-form.svg?style=social&label=Star)
      • react-native-from-builder - Handle your forms in a smart way. ![](https://img.shields.io/github/stars/bietkul/react-native-form-builder.svg?style=social&label=Star)
      • react-native-forms - A declarative API for creating, validating, and serializing native-looking forms. ![](https://img.shields.io/github/stars/michaelhelvey/react-native-forms.svg?style=social&label=Star)
      • foect - Simple form validation library for React Native ![](https://img.shields.io/github/stars/unexge/foect.svg?style=social&label=Star)
      • redux-form - Redux form state management (Web and Native). ![](https://img.shields.io/github/stars/redux-form/redux-form.svg?style=social&label=Star)
      • formily - High performance, extensible, and Typescript friendly. ![](https://img.shields.io/github/stars/alibaba/formily.svg?style=social&label=Star)
    • Animation

      • lottie-ios - Lottie for iOS, macOS (and Android and React Native). ![](https://img.shields.io/github/stars/airbnb/lottie-ios.svg?style=social&label=Star)
      • react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native. ![](https://img.shields.io/github/stars/oblador/react-native-animatable.svg?style=social&label=Star)
      • react-native-magic-move - Create magical move transitions between scenes in react-native 🐰🎩✨ (shared element transitions) ![](https://img.shields.io/github/stars/IjzerenHein/react-native-magic-move.svg?style=social&label=Star)
    • Drawer

      • @react-navigation/drawer - Drawer navigator for React Navigation following Material Design guidelines. ![](https://img.shields.io/github/stars/react-navigation/react-navigation.svg?style=social&label=Star)
      • react-native-drawer - React Native Drawer. ![](https://img.shields.io/github/stars/root-two/react-native-drawer.svg?style=social&label=Star)
      • react-native-scaling-drawer - React native scaling drawer. ![](https://img.shields.io/github/stars/melihberberolu/react-native-scaling-drawer.svg?style=social&label=Star)
      • react-native-bouncy-drawer - Highly customizable Bouncy Drawer. ![](https://img.shields.io/github/stars/SoftZen/react-native-bouncy-drawer.svg?style=social&label=Star)
      • react-native-draggable-drawer - DraggableDrawer component for React Native. ![](https://img.shields.io/github/stars/llanox/react-native-draggable-drawer.svg?style=social&label=Star)
    • Dialog/Modal/Alert

      • react-native-modals - A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android. ![](https://img.shields.io/github/stars/jacklam718/react-native-modals.svg?style=social&label=Star)
      • react-native-root-modal - React native modal component. ![](https://img.shields.io/github/stars/magicismight/react-native-root-modal.svg?style=social&label=Star)
      • react-native-simple-dialogs - Cross-platform simple dialogs for React Native based on the Modal component. ![](https://img.shields.io/github/stars/douglasjunior/react-native-simple-dialogs.svg?style=social&label=Star)
      • react-native-fs-modal - React native full screen modal component. ![](https://img.shields.io/github/stars/kirkness/react-native-fs-modal.svg?style=social&label=Star)
    • Media

      • react-native-incall-manager - Handling media-routes/sensors/events during a audio/video chat like webrtc. ![](https://img.shields.io/github/stars/zxcpoiu/react-native-incall-manager.svg?style=social&label=Star)
      • react-native-camera-roll-picker - A React Native component providing images selection from camera roll. ![](https://img.shields.io/github/stars/jeanpan/react-native-camera-roll-picker.svg?style=social&label=Star)
      • react-native-video-processing - Native Video editing/trimming/filtering library for React-Native. ![](https://img.shields.io/github/stars/shahen94/react-native-video-processing.svg?style=social&label=Star)
      • react-native-videoeditorsdk - React Native module for [VideoEditor SDK](https://www.videoeditorsdk.com) (Android & iOS). ![](https://img.shields.io/github/stars/imgly/vesdk-react-native.svg?style=social&label=Star)
      • react-native-sound - React Native module for playing sound clips. ![](https://img.shields.io/github/stars/zmxv/react-native-sound.svg?style=social&label=Star)
      • react-native-audio - Record and play back audio in your iOS or Android React Native apps. (no longer maintained). ![](https://img.shields.io/github/stars/jsierles/react-native-audio.svg?style=social&label=Star)
      • react-native-music-control - Display and manage media controls on lock screen and notification center for iOS and Android. ![](https://img.shields.io/github/stars/tanguyantoine/react-native-music-control.svg?style=social&label=Star)
      • react-native-webrtc - The WebRTC module for React Native. ![](https://img.shields.io/github/stars/react-native-webrtc/react-native-webrtc.svg?style=social&label=Star)
      • react-native-cameraroll - CameraRoll is a react-native native module that provides access to the local camera roll or photo library. ![](https://img.shields.io/github/stars/react-native-cameraroll/react-native-cameraroll.svg?style=social&label=Star)
      • react-native-video - A Video component for react-native. ![](https://img.shields.io/github/stars/react-native-video/react-native-video.svg?style=social&label=Star)
      • react-native-image-crop-picker - iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping. ![](https://img.shields.io/github/stars/ivpusic/react-native-image-crop-picker.svg?style=social&label=Star)
    • Storage / Database

      • realm-js - Realm is a mobile database: an alternative to SQLite & key-value stores. ![](https://img.shields.io/github/stars/realm/realm-js.svg?style=social&label=Star)
      • react-native-storage - local storage wrapper for both react-native and browser. Support size controlling, auto expiring, remote data auto syncing and getting batch data in one query. ![](https://img.shields.io/github/stars/sunnylqm/react-native-storage.svg?style=social&label=Star)
      • react-native-sqlite-storage - Full featured SQLite3 Native Plugin for React Native (Android and iOS) ![](https://img.shields.io/github/stars/andpor/react-native-sqlite-storage.svg?style=social&label=Star)
      • WatermelonDB - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️ ![](https://img.shields.io/github/stars/Nozbe/WatermelonDB.svg?style=social&label=Star)
      • rxdb - 🔄 A client side, offline-first, reactive database for JavaScript Applications. ![](https://img.shields.io/github/stars/pubkey/rxdb.svg?style=social&label=Star)
    • Tab

      • react-native-tab-view - A cross-platform Tab View component for React Native. ![](https://img.shields.io/github/stars/satya164/react-native-tab-view.svg?style=social&label=Star)
    • Image

      • react-native-view-shot - Snapshot a React Native view and save it to an image. ![](https://img.shields.io/github/stars/gre/react-native-view-shot.svg?style=social&label=Star)
      • react-native-svg-uri - Render SVG images in React Native from an URL or static file(Depends on react-native-svg). ![](https://img.shields.io/github/stars/vault-development/react-native-svg-uri.svg?style=social&label=Star)
      • react-native-image-viewing - Tiny, purely TS, modal component for viewing images 🏙. ![](https://img.shields.io/github/stars/jobtoday/react-native-image-viewing.svg?style=social&label=Star)
      • react-native-fast-image - 🚩 FastImage, performant React Native image component. ![](https://img.shields.io/github/stars/DylanVann/react-native-fast-image.svg?style=social&label=Star)
      • react-native-svg - SVG library for React Native, React Native Web, and plain React web projects. ![](https://img.shields.io/github/stars/react-native-svg/react-native-svg.svg?style=social&label=Star)
    • Safe Area

      • react-native-safe-area-context - A flexible way to handle safe area insets in JS. Also works on Android and Web! ![](https://img.shields.io/github/stars/th3rdwave/react-native-safe-area-context.svg?style=social&label=Star)
    • Data Visualization

      • victory - A collection of composable React components for building interactive data visualizations. ![](https://img.shields.io/github/stars/FormidableLabs/victory.svg?style=social&label=Star)
      • f2native - 📱📈An elegant, interactive and flexible native charting library for mobile. ![](https://img.shields.io/github/stars/antvis/f2native.svg?style=social&label=Star)
    • Device

      • @react-native-community/netinfo - React Native Network Info API for Android & iOS. ![](https://img.shields.io/github/stars/react-native-netinfo/react-native-netinfo.svg?style=social&label=Star)
      • react-native-nfc-manager - React Native NFC module for Android & iOS. ![](https://img.shields.io/github/stars/revtel/react-native-nfc-manager.svg?style=social&label=Star)
    • Parsing

      • react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views. ![](https://img.shields.io/github/stars/meliorence/react-native-render-html.svg?style=social&label=Star)
      • react-native-htmlview - A React Native component which renders HTML content as native views. ![](https://img.shields.io/github/stars/jsdf/react-native-htmlview.svg?style=social&label=Star)
    • Splash Screen

      • react-native-splashscreen ★358 - A splash screen for react-native. ![](https://img.shields.io/github/stars/remobile/react-native-splashscreen.svg?style=social&label=Star)
      • react-native-splash-screen ★2663 - A splash screen for react-native, hide when application loaded, it works on iOS and Android. ![](https://img.shields.io/github/stars/crazycodeboy/react-native-splash-screen.svg?style=social&label=Star)
  • Official

  • Utilities

    • react-native-root-siblings - Add sibling elements after your app root element. This can be used to create a Modal component or something should be over your app. ![](https://img.shields.io/github/stars/magicismight/react-native-root-siblings.svg?style=social&label=Star)
    • react-native-get-random-values - A small implementation of crypto.getRandomValues for React Native. This is useful to polyfill for libraries like uuid that depend on it. ![](https://img.shields.io/github/stars/LinusU/react-native-get-random-values.svg?style=social&label=Star)
    • react-native-url-polyfill - 🔗A lightweight and trustworthy URL polyfill for React Native. ![](https://img.shields.io/github/stars/react-native-elements/react-native-elements.svg?style=social&label=Star)
  • UI Frameworks

    • react-native-paper - Material design for React Native. ![](https://img.shields.io/github/stars/callstack/react-native-paper.svg?style=social&label=Star)
    • react-native-elements - Cross-Platform React Native UI Toolkit. ![](https://img.shields.io/github/stars/react-native-elements/react-native-elements.svg?style=social&label=Star)
    • @shoutem/ui - Customizable set of components for React Native applications. ![](https://img.shields.io/github/stars/shoutem/ui.svg?style=social&label=Star)
    • @ant-design/react-native - Ant Design for React Native. ![](https://img.shields.io/github/stars/ant-design/ant-design-mobile-rn.svg?style=social&label=Star)
    • react-native-ui-kitten - 💥 React Native UI Library based on Eva Design System 🌚✨Dark Mode. ![](https://img.shields.io/github/stars/akveo/react-native-ui-kitten.svg?style=social&label=Star)
  • Boilerplate/Template

    • ignite - Infinite Red's cutting edge React Native project boilerplate, along with a CLI, component/model generators, and more! ![](https://img.shields.io/github/stars/infinitered/ignite.svg?style=social&label=Star)
    • react-native-typescript-boilerplate - An opinionated boilerplate built with React Native Navigation v3 + Redux + Thunk, in TypeScript. Follows industry best practices. ![](https://img.shields.io/github/stars/AmitM30/react-native-typescript-boilerplate.svg?style=social&label=Star)
  • Development Tools

    • Parsing

      • react-native-flipper - Flipper (formerly Sonar) is a platform for debugging mobile apps on iOS and Android and, recently, even JS apps in your browser or in Node.js. Visualize, inspect, and control your apps from a simple desktop interface. Use Flipper as is or extend it using the plugin API. ![](https://img.shields.io/github/stars/facebook/flipper.svg?style=social&label=Star)
      • @welldone-software/why-did-you-render - why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.) ![](https://img.shields.io/github/stars/welldone-software/why-did-you-render.svg?style=social&label=Star)
      • reactotron-react-native - A development tool to explore, inspect, and diagnose your React Native apps. ![](https://img.shields.io/github/stars/infinitered/reactotron-react-native.svg?style=social&label=Star)