Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-react-native
React Native资源大全中文版。An awesome React Native packages and resources
https://github.com/huaize2020/awesome-react-native
Last synced: 3 days ago
JSON representation
-
Components
-
Button
- apsl-react-native-button - React Native button component with rounded corners. 
- react-native-action-button - Customizable multi-action-button component for react-native. 
- 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. 
- react-native-button - A button for React apps. 
-
Navigation
- react-navigation - Routing and navigation for your React Native apps. 
- react-native-navigation - A complete native navigation solution for React Native. 
- react-native-router-flux - React Native Router based on new React Native Navigation API. 
- react-native-screens - Native navigation primitives for your React Native app. 
-
List
- recyclerlistview - High performance listview for React Native and web. 
- flash-list - A better list for React Native. 
-
Styling
- react-native-blur - React Native Blur component. 
- react-native-linear-gradient - A <LinearGradient /> component for react-native. 
- react-native-shadow-2 - Cross-platform shadow for React Native. Improved version of the abandoned react-native-shadow package. 
-
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. 
- @ant-design/icons-react-native - Ant Design Icons for React Native. 
- @expo/vector-icons - This library is a compatibility layer around @oblador/react-native-vector-icons to work with the Expo asset system. 
- react-icomoon - With React-Icomoon you can easily use the icons you have selected or created in icomoon. 📦 Zero Dependencies and Lightweight. 
-
Viewer/Swiper/Carousel
- react-native-swiper - The best Swiper component for React Native. 
- photo-viewer - A photo viewer for react native build on top of NYTPhotoViewer and FrescoImageViewer. 
- react-native-zoom-image - An image viewer component for react-native, like twitter's image viewer. 
- react-native-image-viewer - 🚀 tiny & fast lib for react native image viewer pan and zoom. 
- react-native-snap-carousel - Swiper/carousel component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and more. 
- react-native-looped-carousel - Create looped carousel of views or images. 
-
Forms
- formik - Forms in React, without tears. 
- react-hook-form - React hooks for forms validation without the hassle. 
- tcomb-form-native - Generate React Native forms. 
- react-native-gifted-form - Form component for react-native. 
- react-native-clean-form - Good looking form elements with redux-form integration. Stylable with styled-components. 
- react-native-form-generator - Generate amazing React Native forms in a breeze. 
- react-reactive-forms - Angular like reactive forms in React. 
- react-native-form - A simple react-native component to wrap your form fields! 
- react-native-from-builder - Handle your forms in a smart way. 
- react-native-forms - A declarative API for creating, validating, and serializing native-looking forms. 
- foect - Simple form validation library for React Native 
- redux-form - Redux form state management (Web and Native). 
- formily - High performance, extensible, and Typescript friendly. 
-
Animation
- lottie-ios - Lottie for iOS, macOS (and Android and React Native). 
- react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native. 
- react-native-interactable - Experimental implementation of high performance interactable views in React Native. 
- react-native-magic-move - Create magical move transitions between scenes in react-native 🐰🎩✨ (shared element transitions) 
- react-native-reanimated - React Native's Animated library reimplemented. 
- lottie-react-native - A mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with bodymovin and renders them natively on mobile! 
-
Drawer
- @react-navigation/drawer - Drawer navigator for React Navigation following Material Design guidelines. 
- react-native-drawer - React Native Drawer. 
- react-native-scaling-drawer - React native scaling drawer. 
- react-native-bouncy-drawer - Highly customizable Bouncy Drawer. 
- react-native-draggable-drawer - DraggableDrawer component for React Native. 
-
Dialog/Modal/Alert
- react-native-modals - A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android. 
- react-native-root-modal - React native modal component. 
- react-native-simple-dialogs - Cross-platform simple dialogs for React Native based on the Modal component. 
- react-native-fs-modal - React native full screen modal component. 
-
Media
- react-native-incall-manager - Handling media-routes/sensors/events during a audio/video chat like webrtc. 
- react-native-camera-roll-picker - A React Native component providing images selection from camera roll. 
- react-native-video-processing - Native Video editing/trimming/filtering library for React-Native. 
- react-native-videoeditorsdk - React Native module for [VideoEditor SDK](https://www.videoeditorsdk.com) (Android & iOS). 
- react-native-sound - React Native module for playing sound clips. 
- react-native-audio - Record and play back audio in your iOS or Android React Native apps. (no longer maintained). 
- react-native-music-control - Display and manage media controls on lock screen and notification center for iOS and Android. 
- react-native-webrtc - The WebRTC module for React Native. 
- react-native-cameraroll - CameraRoll is a react-native native module that provides access to the local camera roll or photo library. 
- react-native-image-crop-picker - iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping. 
- react-native-camera - Camera component. 
-
Storage / Database
- realm-js - Realm is a mobile database: an alternative to SQLite & key-value stores. 
- 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. 
- react-native-sqlite-storage - Full featured SQLite3 Native Plugin for React Native (Android and iOS) 
- rxdb - 🔄 A client side, offline-first, reactive database for JavaScript Applications. 
- WatermelonDB - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️ 
-
Device
- react-native-device-info - Get device information using react-native. 
- react-native-permissions - Check and request all permissions with a single api. 
- @react-native-community/netinfo - React Native Network Info API for Android & iOS. 
- react-native-nfc-manager - React Native NFC module for Android & iOS. 
-
Tab
- react-native-tab-view - A cross-platform Tab View component for React Native. 
-
Image
- react-native-view-shot - Snapshot a React Native view and save it to an image. 
- react-native-svg-uri - Render SVG images in React Native from an URL or static file(Depends on react-native-svg). 
- react-native-image-viewing - Tiny, purely TS, modal component for viewing images 🏙. 
- react-native-fast-image - 🚩 FastImage, performant React Native image component. 
- react-native-svg - SVG library for React Native, React Native Web, and plain React web projects. 
-
Safe Area
- react-native-safe-area-context - A flexible way to handle safe area insets in JS. Also works on Android and Web! 
-
Data Visualization
- victory - A collection of composable React components for building interactive data visualizations. 
- f2native - 📱📈An elegant, interactive and flexible native charting library for mobile. 
-
Parsing
- react-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views. 
- react-native-htmlview - A React Native component which renders HTML content as native views. 
-
Splash Screen
- react-native-splashscreen ★358 - A splash screen for react-native. 
- react-native-splash-screen ★2663 - A splash screen for react-native, hide when application loaded, it works on iOS and Android. 
-
-
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. 
- 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. 
- react-native-url-polyfill - 🔗A lightweight and trustworthy URL polyfill for React Native. 
-
UI Frameworks
- react-native-paper - Material design for React Native. 
- react-native-elements - Cross-Platform React Native UI Toolkit. 
- @shoutem/ui - Customizable set of components for React Native applications. 
- @ant-design/react-native - Ant Design for React Native. 
- react-native-ui-kitten - 💥 React Native UI Library based on Eva Design System 🌚✨Dark Mode. 
-
Boilerplate/Template
- ignite - Infinite Red's cutting edge React Native project boilerplate, along with a CLI, component/model generators, and more! 
- react-native-typescript-boilerplate - An opinionated boilerplate built with React Native Navigation v3 + Redux + Thunk, in TypeScript. Follows industry best practices. 
-
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. 
- @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.) 
- reactotron-react-native - A development tool to explore, inspect, and diagnose your React Native apps. 
-
Programming Languages
Categories
Sub Categories
Keywords
react-native
59
react
28
ios
18
android
17
form
6
javascript
6
typescript
5
cross-platform
5
component
4
form-builder
4
forms
4
video
3
validation
3
mobile
3
reactjs
3
expo
3
web
3
reactive
3
redux
3
image-viewer
2
react-hooks
2
database
2
swipe
2
redux-form
2
react-component
2
render
2
html
2
crop
2
icons
2
form-validation
2
observable
2
animation
2
bodymovin
2
swift
2
dialog
2
performance
2
boilerplate
2
image
2
realtime-database
2
ui-kit
2
icon
2
icon-pack
2
rxjs
2
ui
2
localstorage
2
button
2
navigation
2
react-navigation
2
brush
1
es6
1