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