Code

Fitness – All-in-One React Native Fitness UI Kit (Expo + CLI)

Fitness – All-in-One React Native Fitness UI Kit (Expo + CLI)

By
Cart 2 sales

Fitness A modern fitness mobile application built with React Native CLI, focused on helping users track workouts, view summaries, monitor progress, and manage personal fitness data.

Try the Fitness App on Expo IOS

Try the Fitness App on Expo Android

Key Features:

  • Personalized workout plans (strength, cardio, HIIT, etc.)
  • Weekly training schedules
  • Progress tracker with charts
  • Video and audio guidance for each workout
  • Warm-up & cool-down routines
  • Daily reminders & motivational tips
  • Goal setting (weight loss, muscle gain, flexibility)
  • Dark mode support

Project Structure

    src/
    ├── ThemeContext/
    │   └── ThemeContext.tsx          # Theme management
    ├── navigation/
    │   ├── AppNavigator.tsx          # Main navigation
    │   └── TabNavigator.tsx          # Bottom tab navigation
    ├── screens/
    │   ├── HomeScreen.tsx            # Main dashboard
    │   ├── WorkoutDetailsScreen.tsx  # Workout details
    │   ├── WorkoutSummaryScreen.tsx  # Post-workout summary
    │   ├── ProfileScreen.tsx         # User profile
    │   ├── ActivityScreen.tsx        # Activity tracking
    │   └── SettingsScreen.tsx        # App settings
    ├── components/
    │   ├── home/                     # Home screen components
    │   ├── sections/                 # Reusable sections
    │   └── Workouts/                 # Workout components
    ├── styles/
    │   ├── getColors.ts              # Color system
    │   └── use*Components.ts         # Component-specific styles
    └── assets/
        └── *.png                      # Images and icons

Getting Started:

  1. Install dependencies using npm install
  2. Run npm run android or npm run ios
  3. For iOS: cd ios && pod install

Tested On:

  • ✅ Android 10+
  • ✅ iOS 13+
  • ✅ React Native CLI && Expo

Support:

If you have any questions regarding this app, feel free to contact me via my CodeCanyon profile. No guarantees, but I’ll do my best to assist. If you enjoy using this template, I’d really appreciate your rating. Thank you!

Changelog

= 1.0.0 =
- Initial release
- 9+ screens 
- Light/Dark mode
- Animated UI
- TypeScript support
- CLI / Expo 
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey