Bfit | Fitness App UI Kit for XD

Overview

“Bfit | Fitness App UI Kit for XD” – Bfit is a high-end mobile UI kit designed to aid in the building of health and fitness apps. This kit is for fitness, trainers, diets, gyms, workouts, yoga, and finding a fitness trainer. This kit includes over 81 nicely designed screens that have been properly grouped and organized so that the entire design may be easily changed. It will make it faster and easier for you to create clear interfaces for health and fitness apps. Using the XD software, we created this app UI kit.

Our package includes 81 well-organized screens for iOS.

Bfit | Fitness App UI Kit for XD

• Awesome Unique Look
• Modern and Clean Design
• 81+ Premium Readymade iOS Screens
• Great Usability, Typography and User-experience
• Compatible with Adobe XD 45+ version
• Fully Layered, Grouped & Named appropriately
• Free Web Fonts
• Well-Documented Help File
• And Much More…

Screens Included

• 01_Splash
• 02_Onboarding-1
• 03_Onboarding-2
• 04_Onboarding-3
• 05_Onboarding-4
• 06_Welcome
• 07_Sign Up
• 08_Sign In
• 09_Verify Phone Number
• 10_Phone Verification
• 11_Forgot Password
• 12_Change Password
• 13_Reset Password
• 14_Select Gender
• 15_Select Age
• 16_Select Weight
• 17_Select Height
• 18_Select Goal
• 19_How to Achieve Goal
• 20_Current Fitness Level
• 21_Choose Your Interest
• 22_Ready To Go
• 23_Home Screen(Option-1)
• 24_Home Screen(Option-2)
• 25_Home Screen(Option-3)
• 26_Workout
• 27_Workout Categories
• 28_Abs Workout
• 29_Abs Workout Schedule
• 30_Abs Workout(Upper Body & Abs)
• 31_Abs Workout(Upper Body & Abs) Video
• 32_Fitness Instructor
• 33_Fitness Instructor Details
• 34_Fitness Instructor Appointment
• 35_Fitness Instructor Appointment Order Details
• 36_Fitness Instructor Appointment Payment
• 37_Fitness Instructor Appointment Payment Successfully
• 38_Diet
• 39_Diet Categories
• 40_Vegan Diet Plan
• 41_Vegan Diet Plan Day01
• 42_Daily Goals
• 43_Daily Steps
• 44_Daily Sleep
• 45_Daily Heart
• 46_Daily Calories
• 47_Daily Water
• 48_Daily Workout
• 49_Profile
• 50_Profile Settings
• 51_Edit Account
• 52_Notification
• 53_Support
• 54_Support Details
• 55_Privacy Policy
• 56_My Goals(Activity)
• 57_My Goals(Diet)
• 58_My Appointments(Past)
• 59_My Appointments(Upcoming)
• 60_Invite Friends
• 61_Invited Friends
• 62_Invited Friends Write Message
• 63_Followers
• 64_Followings
• 65_My Payment
• 66_Add New Card
• 67_My Address
• 68_Add New Address
• 69_Settings
• 70_Profile Menu
• 71_Body Measurements
• 72_Reviews
• 73_Review Details
• 74_Write Review
• 75_Filters
• 76_Chat
• 77_Chat Details
• 78_Sign Out
• 79_Password Change Message
• 80_Favourites
• 81_Search

Icon used

• Flaticon

Fonts used

• Barlow

Graphics used

Note: All images are just used for preview purpose only and replaced with placeholder images. They are not part of the template and not included in the final purchase files.

• Freepik
• Unsplash

Main Files

• 81 Screens with XD File
• Well Documented Help File

Software Version

• Adobe XD 45+ version

How to use for Adobe XD File

In order to edit the file, you need to have XD installed on your system and the fonts mentioned in the credit. As you can see on the right, the layers are well organized and grouped into folders, which make editing very easy. So, all you have to do, is select the layer from the right, and then edit it with XD.

Add or Replace Images: You need to download some appropriate images from the image banks or given above links. You can also edit any text, color or any font file by double click and change the same. You can also download full version of Adobe XD from here. Adobe.com

Thank You!

Thank you so much for your interest. Your comments and ratings would be much appreciated.