Skadi - E-commerce App UI Kit

Skadi is a E-commerce App UI Kit designed with Sketch, Adobe XD & Figma. It contains dark and light modes. Each screen is fully customizable and well organized in symbols. It contains 48 light & 48 dark screens.

Features:

• 48 Light & 48 Dark Screens
• 100% Customizable vector shape
• Free fonts & icons
• Customizable Layers, Fonts & Colors
• Symbol & well layer organized
• Sketch & Adobe XD & Figma files included

Pages included:

1. 1 – Welcome 1
2. 2 – Welcome 2
3. 3 – Welcome 3
4. 4 – Welcome 4
5. 5 – Welcome 5
6. 6 – Welcome 6
7. 7 – Sign Up 1
8. 8 – Sign Up 2
9. 9 – Sign Up 3
10. 10 – Sms Confirmation
11. 11 – Sms Confirmation (enter code)
12. 12 – Login 1
13. 13 – Login 2
14. 14 – Login 3
15. 15 – Forgot Password
16. 16 – Forgot Password (mail sended)
17. 17 – Home Screen 1
18. 18 – Home Screen 2
19. 19 – Home Screen 3
20. 20 – Home Screen 4
21. 21 – Home Screen (Search) 1
22. 22 – Home Screen (Search) 2
23. 23 – Home Screen (Search) 3
24. 24 – Detail 1
25. 25 – Detail 2
26. 26 – Detail 3
27. 27 – Detail 4
28. 28 – Detail (Reviews)
29. 29 – Your Chart
30. 30 – Your Chart (empty)
31. 31 – Checkout step 1
32. 32 – Checkout step 2
33. 33 – Checkout step 3
34. 34 – Profile
35. 35 – My Orders
36. 36 – Settings
37. 37 – Country Select
38. 38 – Privacy Policy
39. 39 – Support & Faqs
40. 40 – Support & Faqs (detail)
41. 41 – Change password
42. 42 – Change Password (Confirm)
43. 43 – My Addresses
44. 44 – Add Address
45. 45 – Add Gift Card
46. 46 – Add Gift Card (success)
47. 47 – Add Gift Card (Retry)
48. 48 – Filters

Fonts and Icons Used:

San Francisco

Feather Icons

Images:

unsplash

pexels Mockups:

lstore

*Images in demo are for preview purpose only & NOT included in package file.

How to Use Sketch Files:

You need to download some appropriate images from the image banks or given below links. You can also edit any text, color or any font file by double click and change the same. You can also download full or the trial version of sketch from here.
SketchApp How to Use Adobe XD Files:

You need to download some appropriate images from the image banks or given below 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 How to Use Adobe XD Files:

You need to download some appropriate images from the image banks or given below links. You can also edit any text, color or any font file by double click and change the same. You need to go to figma.com for use your design file.

Please don’t forget to rate this item if you like it.

Thanks a lot!