CODE.MARKET
Search main icon svg
Enter ↵

Skadi - E-commerce App UI Kit Design

Author userpic
by uicube
Skadi - E-commerce App UI Kit  Ecommerce Design Uikit

Description


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!

Files included

figma

Product tags

    • 6 month free support included from author
    • Free lifetime product updates guarantee
    • 360 degrees quality control
    Secure payment & money back guarantee

    Related products