best-of-react-native

🏆  A ranked list of awesome projects. Updated weekly.

This curated list contains 29 awesome open-source projects with a total of 260K stars grouped into 9 categories. All projects are ranked by a project-quality score, which is calculated based on various metrics automatically collected from GitHub and different package managers. If you like to add or update projects, feel free to open an issue, submit a pull request, or directly edit the projects.yaml. Contributions are very welcome!

🧙‍♂️ Discover other best-of lists or create your own.

Contents

• App Frameworks 2 projects
• Routing 1 projects
• UI Frameworks & Libraries 12 projects
• Components 0 projects
• Map Components 1 projects
• Chat Components 1 projects
• Icon Components 1 projects
• Chart Components 10 projects
• Templates 1 projects

Explanation

• 🥇🥈🥉  Combined project-quality score
• ⭐️  Star count from GitHub
• 🐣  New project (less than 6 months old)
• 💤  Inactive project (12 months no activity)
• 💀  Dead project (60 months no activity)
• 📈📉  Project is trending up or down
• ➕  Project was recently added
• ❗️  Warning (e.g. missing/risky license)
• 👨‍💻  Contributors count from GitHub
• 🔀  Fork count from GitHub
• 📋  Issue count from GitHub
• ⏱️  Last update timestamp on package manager
• 📥  Download count from package manager
• 📦  Number of dependent projects

App Frameworks

Expo (🥇41 · ⭐ 34K) - An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web. MIT

• GitHub (👨‍💻 1.5K · 🔀 5.4K · 📦 1M · 📋 15K - 2% open · ⏱️ 07.11.2024):

   git clone https://github.com/expo/expo
  

Ignite (🥉30 · ⭐ 18K) - Infinite Reds battle-tested React Native project boilerplate, along with a CLI, component/model generators, and more!.. MIT

• GitHub (👨‍💻 230 · 🔀 1.4K · 📦 3 · 📋 1.4K - 2% open · ⏱️ 07.11.2024):

   git clone https://github.com/infinitered/ignite
  

Routing

react-navigation (🥇43 · ⭐ 24K) - Routing and navigation for your React Native apps. ❗Unlicensed

• GitHub (👨‍💻 300 · 🔀 4.9K · 📦 1.1M · 📋 9.5K - 7% open · ⏱️ 06.11.2024):

   git clone https://github.com/react-navigation/react-navigation
  

• npm (📥 5M / month):

   npm install @react-navigation/native
  

UI Frameworks & Libraries

Lottie React Native (🥇40 · ⭐ 17K) - Lottie wrapper for React Native. Apache-2

• GitHub (👨‍💻 150 · 🔀 1.7K · 📦 120K · 📋 860 - 4% open · ⏱️ 01.11.2024):

   git clone https://github.com/lottie-react-native/lottie-react-native
  

• npm (📥 1.6M / month):

   npm install lottie-react-native
  

React Native Paper (🥇39 · ⭐ 13K · 📉) - Material Design for React Native (Android & iOS). MIT

• GitHub (👨‍💻 330 · 🔀 2.1K · 📦 220K · 📋 2.5K - 9% open · ⏱️ 28.07.2024):

   git clone https://github.com/callstack/react-native-paper
  

• npm (📥 1.1M / month):

   npm install react-native-paper
  

RNUI (🥈37 · ⭐ 6.5K) - UI Components Library for React Native. MIT

• GitHub (👨‍💻 160 · 🔀 700 · 📦 4.4K · 📋 670 - 11% open · ⏱️ 07.11.2024):

   git clone https://github.com/wix/react-native-ui-lib
  

• npm (📥 230K / month):

   npm install react-native-ui-lib
  

React Native Elements (🥈32 · ⭐ 25K) - Cross-Platform React Native UI Toolkit. MIT

• GitHub (👨‍💻 410 · 🔀 4.6K · 📦 5 · 📋 2.1K - 5% open · ⏱️ 04.02.2024):

   git clone https://github.com/react-native-elements/react-native-elements
  

• npm (📥 510K / month):

   npm install react-native-elements
  

NativeBase (🥈31 · ⭐ 20K · 💤) - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web. MIT

• GitHub (👨‍💻 300 · 🔀 2.3K · 📦 3 · 📋 3.4K - 8% open · ⏱️ 04.08.2023):

   git clone https://github.com/GeekyAnts/NativeBase
  

• npm (📥 300K / month):

   npm install native-base
  

Shoutem UI (🥉29 · ⭐ 4.9K) - Customizable set of components for React Native applications. ❗Unlicensed

• GitHub (👨‍💻 56 · 🔀 440 · 📥 41 · 📦 1.4K · 📋 320 - 32% open · ⏱️ 21.10.2024):

   git clone https://github.com/shoutem/ui
  

• npm (📥 6.9K / month):

   npm install @shoutem/ui
  

UI Kitten (🥉28 · ⭐ 10K) - React Native UI Library based on Eva Design System Dark Mode. MIT

• GitHub (👨‍💻 63 · 🔀 930 · 📦 11K · 📋 1.2K - 13% open · ⏱️ 05.01.2024):

   git clone https://github.com/akveo/react-native-ui-kitten
  

• npm (📥 1.1K / month):

   npm install react-native-ui-kitten
  

RNMK (🥉27 · ⭐ 4.8K · 💤) - Bringing Material Design to React Native. MIT

• GitHub (👨‍💻 76 · 🔀 550 · 📦 1.6K · 📋 310 - 49% open · ⏱️ 08.03.2020):

   git clone https://github.com/xinthink/react-native-material-kit
  

• npm (📥 1.3K / month):

   npm install react-native-material-kit
  

Galio (🥉23 · ⭐ 3.1K · 💤) - Galio is a beautifully designed, Free and Open Source React Native Framework. MIT

• GitHub (👨‍💻 37 · 🔀 320 · 📦 3K · 📋 130 - 35% open · ⏱️ 30.03.2022):

   git clone https://github.com/galio-org/galio
  

• npm:

   npm install galio
  

Teaset (🥉23 · ⭐ 2.9K · 💤) - A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control. MIT

• GitHub (👨‍💻 13 · 🔀 460 · 📦 740 · 📋 430 - 43% open · ⏱️ 23.10.2020):

   git clone https://github.com/rilyu/teaset
  

• npm (📥 290 / month):

   npm install teaset
  

Show 2 hidden projects...

• React Native Material UI (🥉25 · ⭐ 3.8K · 💀) - Highly customizable material design components for React Native. MIT
• Nachos UI (🥉18 · ⭐ 2.1K · 💀) - Nachos UI is a React Native component library. MIT

Components

Map Components

react-native-maps (🥇42 · ⭐ 15K) - React Native Mapview component for iOS + Android. MIT

• GitHub (👨‍💻 500 · 🔀 4.6K · 📦 190K · 📋 3.7K - 1% open · ⏱️ 15.10.2024):

   git clone https://github.com/react-native-maps/react-native-maps
  

• npm (📥 1.1M / month):

   npm install react-native-maps
  

Chat Components

Gifted Chat (🥇41 · ⭐ 14K) - The most complete chat UI for React Native. MIT

• GitHub (👨‍💻 220 · 🔀 3.3K · 📥 17 · 📦 30K · 📋 1.7K - 10% open · ⏱️ 01.10.2024):

   git clone https://github.com/FaridSafi/react-native-gifted-chat
  

• npm (📥 190K / month):

   npm install react-native-gifted-chat
  

Icon Components

react-native-vector-icons (🥇41 · ⭐ 17K) - Customizable Icons for React Native with support for image source and full styling. MIT

• GitHub (👨‍💻 150 · 🔀 2.1K · 📦 630K · 📋 1.3K - 10% open · ⏱️ 15.09.2024):

   git clone https://github.com/oblador/react-native-vector-icons
  

• npm (📥 2.5M / month):

   npm install react-native-vector-icons
  

Chart Components

victory-native (🥇38 · ⭐ 11K) - A collection of composable React components for building interactive data visualizations. ❗Unlicensed

• GitHub (👨‍💻 240 · 🔀 510 · 📦 26K · 📋 1.9K - 4% open · ⏱️ 07.11.2024):

   git clone https://github.com/FormidableLabs/victory
  

• npm (📥 520K / month):

   npm install victory-native
  

react-native-svg-charts (🥇29 · ⭐ 2.4K · 💤) - One library to rule all charts for React Native. MIT

• GitHub (👨‍💻 39 · 🔀 400 · 📦 8K · 📋 460 - 40% open · ⏱️ 14.04.2020):

   git clone https://github.com/JesperLekland/react-native-svg-charts
  

• npm (📥 200K / month):

   npm install react-native-svg-charts
  

react-native-chart-kit (🥈28 · ⭐ 2.9K · 💤) - React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph.. MIT

• GitHub (👨‍💻 100 · 🔀 630 · 📦 22K · 📋 550 - 71% open · ⏱️ 08.02.2022):

   git clone https://github.com/indiespirit/react-native-chart-kit
  

• npm (📥 260K / month):

   npm install react-native-chart-kit
  

react-native-charts-wrapper (🥈26 · ⭐ 2.4K) - a react native charts wrapper (support android & iOS). ❗Unlicensed

• GitHub (👨‍💻 58 · 🔀 610 · 📦 1.6K · 📋 880 - 23% open · ⏱️ 05.02.2024):

   git clone https://github.com/wuxudong/react-native-charts-wrapper
  

• npm (📥 42K / month):

   npm install react-native-charts-wrapper
  

react-native-graph (🥈22 · ⭐ 2.1K · 📉) - Beautiful, high-performance Graphs and Charts for React Native built with Skia. MIT

• GitHub (👨‍💻 13 · 🔀 110 · 📦 250 · 📋 71 - 40% open · ⏱️ 21.03.2024):

   git clone https://github.com/margelo/react-native-graph
  

• npm (📥 21K / month):

   npm install react-native-graph
  

react-native-echarts (🥉21 · ⭐ 760) - React Native ECharts Library: An awesome charting library for React Native, built upon Apache ECharts and leveraging.. Apache-2

• GitHub (👨‍💻 14 · 🔀 25 · 📋 99 - 28% open · ⏱️ 06.11.2024):

   git clone https://github.com/wuba/react-native-echarts
  

• npm (📥 28K / month):

   npm install @wuba/react-native-echarts
  

react-native-animated-charts (🥉14 · ⭐ 930 · 💤) - Set of components and helpers for building complex and beautifully animated charts. MIT

• GitHub (👨‍💻 5 · 🔀 99 · 📦 5 · 📋 83 - 68% open · ⏱️ 25.10.2021):

   git clone https://github.com/rainbow-me/react-native-animated-charts
  

• npm (📥 720 / month):

   npm install @rainbow-me/animated-charts
  

react-native-skia-charts (🥉12 · ⭐ 140 · 💤) - High-performance charts for react-native. MIT

• GitHub (👨‍💻 3 · 🔀 8 · 📦 16 · 📋 7 - 42% open · ⏱️ 13.03.2023):

   git clone https://github.com/vladanyes/react-native-skia-charts
  

• npm (📥 470 / month):

   npm install react-native-skia-charts
  

Show 2 hidden projects...

• react-native-pathjs-charts (🥈22 · ⭐ 880 · 💀) - Android and iOS charts based on react-native-svg and paths-js. Apache-2
• react-native-highcharts (🥉15 · ⭐ 260 · 💀) - Add Highcharts charts to react-native app for IOS and Android. ❗Unlicensed

Templates

Material Kit React Native (🥇14 · ⭐ 590 · 💤) - Material Kit React Native. MIT

• GitHub (👨‍💻 9 · 🔀 970 · 📋 30 - 13% open · ⏱️ 14.08.2023):

   git clone https://github.com/creativetimofficial/material-kit-react-native
  

• npm:

   npm install material-kit-react-native
  

---

Related Resources

• Best-of lists: Discover other best-of lists with awesome open-source projects on all kinds of topics.

Contribution

Contributions are encouraged and always welcome! If you like to add or update projects, choose one of the following ways:

• Open an issue by selecting one of the provided categories from the issue page and fill in the requested information.
• Modify the projects.yaml with your additions or changes, and submit a pull request. This can also be done directly via the Github UI.

If you like to contribute to or share suggestions regarding the project metadata collection or markdown generation, please refer to the best-of-generator repository. If you like to create your own best-of list, we recommend to follow this guide.

For more information on how to add or update projects, please read the contribution guidelines. By participating in this project, you agree to abide by its Code of Conduct.

License