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.
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
Font used
- Manrope
Icons Used
- Iconly
- Hugeicons
- flaticon
Note –
If you need any help, Please contact us