Skip to content

Awesome React Native (Expo) components, news, tools, and learning material!

License

Notifications You must be signed in to change notification settings

TheNaubit/awesome-react-native

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome React Native

Awesome PRs Welcome License

A curated list of awesome React Native libraries, tools, and resources.

Actively maintained. Contributions welcome.

Contents


Component Libraries

Full design systems and UI kits with multiple components.

  • Gluestack UI - Universal accessible components with Tailwind CSS support for React Native and Next.js.
  • HeroUI Native - Beautiful, fast and modern React Native UI library with pre-built components.
  • NativeBase - Accessible component library inspired by Material UI, Chakra UI, and Ant Design.
  • React Native Elements - Cross-platform UI toolkit with customizable components.
  • React Native Paper - Cross-platform Material Design library with M3 support by Callstack.
  • Tamagui - Performance-focused UI kit with optimizing compiler that flattens component trees at build time.

UI Components

Buttons & Actions

Cards & Containers

Forms & Inputs

  • Formik - Complete form solution with intuitive API for validation and submission.
  • React Hook Form - Performant form library with minimal re-renders and small bundle size.

Modals, Sheets & Overlays

Toasts & Notifications

In-app toast and snackbar components.

  • Burnt - Native toast notifications using platform APIs, works on top of modals.
  • react-native-toast-message - Animated toast message component with customizable presets.

Progress, Loaders & Skeletons

Charts & Data Visualization

Calendars & Date/Time Pickers

Image & Media Display

  • expo-image - High-performance image component with caching, placeholders, and transitions.
  • expo-image-picker - System UI for selecting images and videos with automatic permission handling.
  • react-native-image-picker - Native UI for media selection with cropping and resizing options.

Icons

Typography & Rich Text

Lists & Tables

  • FlashList - High-performance list by Shopify with better memory management than FlatList.
  • Legend List - High-performance list with dynamic item sizes and smooth scrolling from the Legend State team.
  • react-native-sortables - Drag-and-drop sortable grid and list components with gesture-based reordering.

Haptics

  • @mhpdev/react-native-haptics - High-performance haptics for iOS and Android built with Turbo Modules on the UI thread.
  • expo-haptics - Haptic feedback API for iOS and Android with impact, notification, and selection styles.

Keyboard

Graphics & Drawing

Navigation

  • Expo Router - File-based routing built on React Navigation with universal links support.
  • React Navigation - Extensible navigation library with stack, tab, and drawer navigators.

State Management

  • Jotai - Atomic state management with automatic garbage collection.
  • Legend State - Fast state library with fine-grained reactivity and persistence.
  • MobX - Simple, scalable state management with reactive programming.
  • Redux Toolkit - Official Redux toolset with simplified store setup and RTK Query.
  • TanStack Query - Powerful data fetching and caching library with DevTools.
  • Zustand - Lightweight 1KB state library with minimal boilerplate.

Styling & Theming

  • NativeWind - Tailwind CSS for React Native with universal styling support.
  • Unistyles - Low-level styling library with breakpoints, themes, and runtime style updates.
  • Uniwind - Fast Tailwind CSS bindings for React Native with familiar web-based class syntax.

Animation & Gestures

Data Fetching & Networking

  • axios - Promise-based HTTP client with interceptors and request cancellation.
  • SWR - React hooks for data fetching with stale-while-revalidate strategy.
  • tRPC - End-to-end typesafe APIs with TanStack Query integration.

Storage & Database

  • expo-cloud-settings - iCloud key-value synchronization across iOS devices using React hooks.
  • MMKV - Fast key-value storage, 30x faster than AsyncStorage.
  • react-native-async-storage - Asynchronous key-value storage system for React Native.
  • Realm - Mobile database with native objects, live queries, and sync.
  • expo-sqlite - SQLite database access with synchronous and asynchronous APIs.
  • WatermelonDB - Reactive SQLite database optimized for complex React Native apps.

Authentication & Security

Camera & Vision

Audio & Video

  • expo-audio - Audio playback and recording with various source options.
  • expo-video - Modern video player with DRM, subtitle tracks, and picture-in-picture.
  • react-native-video - Video component with DRM, background playback, and streaming support.

Maps & Location

Payments & In-App Purchases

  • react-native-iap - In-app purchase library for iOS and Android stores.
  • RevenueCat - In-app subscriptions and purchase management with analytics.
  • Stripe React Native - Payment processing with Apple Pay and Google Pay support.
  • Superwall - No-code paywall platform with A/B testing, analytics, and Expo SDK support.

Push Notifications

  • expo-notifications - Notification API with unified push notification service.
  • Notifee - Advanced notification library with custom layouts and actions.
  • OneSignal - Push notification service with segmentation and analytics.

Internationalization (i18n)

  • expo-localization - Access to device locale and region settings.
  • i18next - Internationalization framework with react-i18next React Native integration.
  • Lingui - ICU MessageFormat-based i18n library with compile-time message extraction and React Native support.
  • react-native-localize - Locale and timezone utilities for React Native.

Accessibility

Deep Linking

  • Branch - Attribution and deferred deep linking platform.
  • expo-linking - Deep link utilities with universal links support.

Testing

  • Appium - Cross-platform mobile automation framework.
  • Detox - Gray-box E2E testing with auto-synchronization by Wix.
  • Maestro - Mobile UI testing with declarative YAML-based flows.
  • React Native Testing Library - User-centric component testing library by Callstack.

Developer Tools

  • expo-dev-client - Custom development builds with native module support.
  • Radon IDE - VSCode extension turning your editor into a React Native IDE.
  • React Native DevTools - Official debugger for React Native 0.76+.
  • Reactotron - Desktop app for inspecting React Native apps without debug mode.

Performance Monitoring & Analytics

  • PostHog - Product analytics with feature flags, session replay, and A/B testing.
  • Sentry - Error tracking and performance monitoring with profiling support.

CI/CD & Build Tools

  • EAS - Expo Application Services for cloud builds, submissions, and updates.
  • Fastlane - Automation tool for iOS and Android build, test, and release pipelines.

Backend & BaaS

  • Appwrite - Self-hosted BaaS with auth, databases, storage, and functions.
  • AWS Amplify - AWS cloud services integration for mobile and web apps.
  • Convex - TypeScript-first backend with real-time data sync and serverless functions.
  • React Native Firebase - Firebase SDK with Firestore, Auth, Cloud Functions, analytics, and more.
  • Supabase - Open-source Firebase alternative built on PostgreSQL.

OTA Updates

  • expo-updates - OTA update library for Expo and bare React Native apps.

Templates & Boilerplates

  • Better-T Stack - Full-stack TypeScript starter with tRPC, Drizzle, and optional React Native support.
  • create-expo-app - Official Expo project bootstrapping tool with multiple templates.
  • create-t3-turbo - Monorepo template with Expo, tRPC, Tailwind, and Next.js.
  • Ignite - Battle-tested boilerplate by Infinite Red with MobX-State-Tree and generators.

Open Source Apps

Production and showcase apps built with React Native.

  • Bluesky - Decentralized social networking app built with Expo and React Native.
  • Expensify - Production expense tracking app showing enterprise React Native architecture.
  • Mattermost Mobile - Open-source collaboration platform built with React Native.

Frameworks & Platforms

  • Expo - Framework and platform for universal React Native applications.
  • expo-apple-targets - Expo Config Plugin for generating Apple Targets like Widgets and App Clips.
  • expo-watch-connectivity - Apple Watch communication using WatchConnectivity with real-time messaging and background sync.
  • React Native - Framework for building native apps using React by Meta.
  • react-native-macos - React Native for macOS desktop applications.
  • react-native-windows - React Native for Windows desktop applications.
  • Re.Pack - Webpack-based bundler for React Native with module federation support.

AI Agent Skills

Skills and context files for AI coding agents (Claude Code, OpenCode, Codex, Cursor, etc.) to build better React Native apps.

Agents

  • Claude Code - Anthropic's CLI coding agent with skills support for React Native workflows.
  • OpenAI Codex - OpenAI's terminal coding agent with AGENTS.md-based configuration.
  • OpenCode - Open-source AI coding agent with TUI, multi-provider support, and MCP integration.

Skills

  • building-native-ui - Complete guide for building beautiful apps with Expo Router, styling, navigation, and animations.
  • expo-api-routes - Guidelines for creating API routes in Expo Router with EAS Hosting.
  • expo-cicd-workflows - Guidance on writing EAS workflow YAML files for CI/CD pipelines.
  • expo-deployment - Deploying Expo apps to iOS App Store, Android Play Store, web hosting, and API routes.
  • expo-dev-client - Build and distribute Expo development clients locally or via TestFlight.
  • expo-tailwind-setup - Set up Tailwind CSS v4 in Expo with NativeWind v5 for universal styling.
  • heroui-native - AI skill for building mobile UIs with HeroUI Native components.
  • native-data-fetching - Network requests, API calls, and data fetching patterns with caching and offline support.
  • upgrading-expo - Guidelines for upgrading Expo SDK versions and fixing dependency issues.
  • use-dom - Expo DOM components to run web code in a webview on native and as-is on web.
  • vercel-react-native-skills - React Native and Expo best practices covering performance, animations, and UI patterns by Vercel.

Community

Contributing

Contributions are welcome! Please read the contributing guidelines first. All entries must be actively maintained and well-documented.

About

Awesome React Native (Expo) components, news, tools, and learning material!

Topics

Resources

License

Contributing

Stars

Watchers

Forks