Skadi – E-commerce App UI Kit

Posted on

[ad_1]

LIVE PREVIEWBUY FOR $38

\

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!

[ad_2]
Source