Foodee is a modern, clean, and highly customizable Food Delivery Mobile App UI Kit designed to help designers and developers build powerful on-demand food delivery applications faster and more efficiently. Crafted with a strong focus on user experience, visual clarity, and scalability, Foodee is perfect for startups, restaurants, cloud kitchens, and delivery platforms. With 60+ beautifully designed mobile screens, Foodee covers the entire food ordering journey from discovery to checkout making it a complete UI solution for real-world food delivery products. Foodee ensures pixel-perfect elements, well-organized layers, and easy customization for Figma.

previews

File included in Fig –

01.Welcome Screen
02.Onboarding Screen 01
03.Onboarding Screen 02
04.Onboarding Screen 03
05.Get Started
06.Sign In Page 01
07.Sign In Page 02
08.Register 01
09.Register 02
10.Congratulation Screen
11.Forget Password 01
12.Forget Password 02
13.Check Your Email
14.OTP Verification 01
15.OTP Verification 02
16.New Password 01
17.New Password 02
18.Congratulation Screen
19.Security 01
20.Security 02
21.Main Page 01
22.Main Page 02
23.Product Details 01
24.Product Details 02
25.Near By Me
26.Custom Order 01
27.Custom Order 02
28.Review Blank
29.Review Filup
30.REview All
31.Search
32.Notification
33.Promo Deal
34.Promo Copy
35.Categories
36.Recommended Food 01
37.Recommended Food 02
38.Recommended Restaurants 01
39.Recommended Restaurants 02
40.Order
41.Rider Tracking
42.My Basket
43.Checkout 01
44.Checkout 02
45.Deliver To
46.Order Timeline
47.Address
48.Payment Method
49.Checkout 03
50.Profile
51.Settings
52.Edit Profile
53.Notification Setup
54.Language
55.Restaurant Profile 01
56.Restaurant Profile 02
57.Restaurant Profile 03
58.Restaurant Profile Share
59.Invite Friends
60.Help Center 01
61.Help Center 02

Features –

60+ High Quality iOS & Android Screens
Clean, unique and modern style
Symbol & well layer organized
100% Vector and Customizable
Fully Auto Layout with Style Guide
Well organized layers and groups
Easy customizable fig files
Pixel perfect design
File named layers and groups
24/7 great support
Premium font and icon used
Designed in Figma

The fig include –

Documentation
fig files

How to Edit:

In order to edit the file, you need to have figma installed on your system, and the fonts mentioned in the credits installed. 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 figma

File included in Fig –

Features –

The fig include –

How to Edit:

Font used

Icons Used

Note –

Foodee - Food Delivery App UI Kit