FOGRO | Food & Grocery App UI Kit for Adobe XD


“FOGRO | Food & Grocery Mobile App UI Kit” – FOGRO is a premium mobile UI Kit to help in your food & grocery app development process.

Supported Versions:
XD Only
Last updated:
Categories: ,


“FOGRO | Food & Grocery App UI Kit for Adobe XD” – FOGRO is a premium mobile UI Kit to help in your food & grocery app development process. This kit comes packed with more than 54 beautifully designed screens, neatly grouped and organized accordingly to change easily all of the design. It will help you to design clear interfaces for food & grocery apps faster and easier. we have built this app UI kit using Adobe XD tool.

Our package includes 54 well-organized screens for iOS.

FOGRO | Food & Grocery App UI Kit for Adobe XD
Awesome Unique Look
Modern and Clean Design
54+ Premium Readymade Screens
Great Usability, Typography, and User-experience
Compatible with Adobe XD 34+ version
Fully Layered, Grouped & Named appropriately
Free Web Fonts
Free Icon Fonts
Well-Documented Help File
And Much More…

Software Development Company India

FOGRO | Food & Grocery App UI Kit for Adobe XD

Screens Included
06_Sign Up
07_Sign In
08_Verify Phone Number
09_Phone Verification
10_Forgot Password
11_Change Password
12_Reset Password
13_Home Screen(Option-1)
14_Home Screen(Option-2)
18_Product Listing
19_Product Details
20_Shopping Cart
21_Shopping Cart Empty
22_Delivery Address
24_Order Success
25_Order Decline
26_Track Order
27_Write a Review
28_Apply Filters
30_User Profile
31_About Me
32_My Orders
33_My Payments
34_Credit Cards
35_Add New Credit Card
36_My Favourite
39_Promocode Details
40_My Address
41_Add New Address
44_Support Center
45_Support Center Details
46_Live Chat
47_Order Tracking Map
48_Pofile Menu
49_Review Details
50_Add Review Shopping
51_Add Review Delivery
52_Scan QR Code
53_Friends List
54_Followers List
Icon used
Fonts used
Graphics used
Note: All images are just used for preview purposes only and NOT included in the final purchase files.
Main Files
54 Screens with XD File
Well Documented Help File
Software Version
Adobe XD 34+ version
How to use 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 makes 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 below links. You can also edit any text, color, or font file by double click and change the same. You can also download the full version of Adobe XD from here.
Thank You!
Thank you so much for your interest. Your comments and ratings would be much appreciated.

More items by NCode Technologies


There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

No video Found.

Affordable Theme With Amazing Results

uses our solutions to increase revenue and spend less time on development.

Hurry!! Get it now!