Nito Course Mobile App UI Kit

Nito Course Mobile App UI Kit

Nito Course App UI Kit is perfect for your next course app UI design and project, it contains ready-to-use components, Typography, Design System and customisable Color Palette.

Over 50+ Unique Layouts, we covered almost every aspect of a course App would require.

Nito course app template is a trendy, modern clean app that you can use for inspiration and speed up your design workflow. All layers are neatly organized in groups and components which is super easy to recreate your next project.

This Ui kit was built with Adobe XD.

Watch Prototype video Prototype video link to view all the screens – https://www.youtube.com/watch?v=yMDrvKx_ztA

Key Features

  • 50+ Unique Layouts
  • 50+ ready to use components
  • Prototype Included – Play with XD
  • Apple iPhone X Compatible
  • Easy to customize
  • Free Google Fonts
  • Compatible with Adobe XD
  • 1x iPhone X resolution (375×812px)
  • Clean, Modern and Minimal Style
  • Design style guide
  • Montserrat Font (Google font – included, easily switch fonts from the assets panel )
  • 25 Card patterns
  • 6 Certificate designs
  • Extra Adobe Xd File with iOS SF Pro Display font, home bar and status bar

App Screens

  1. Splash Screen 1
  2. Splash Screen 2
  3. Splash Screen 3
  4. Splash Screen 4
  5. Welcome
  6. Login
  7. Signup
  8. Forgot password
  9. Reset password
  10. Login with Face ID(Apple ID )
  11. Login with Fingerprint( google )
  12. Dashboard v1
  13. Dashboard v2
  14. Dashboard new user
  15. Notifications
  16. Course listings v1
  17. Course listings v2
  18. Search courses
  19. Course categories
  20. Course sub-categories
  21. Course dashboard
  22. Course video screen
  23. Course certificates
  24. Course certificates v2
  25. My cart
  26. Checkout
  27. Checkout – PayPal
  28. Checkout – Apple Pay
  29. Checkout – Google pay
  30. Checkout – credit/debit card
  31. Add new card
  32. Confirm payment
  33. Error payment
  34. Profile
  35. Profile v2
  36. My courses
  37. Edit profile
  38. Invite my friends
  39. My favorites
  40. My favorites empty
  41. My Certificates
  42. My Reviews
  43. New Review
  44. Settings
  45. Account security
  46. Account Security updated
  47. Email notification
  48. Push notification
  49. About app
  50. FAQ
  51. Contact
  52. Signout fully

Source Fonts & Credits Image: Montserrat font – https://fonts.google.com/specimen/Montserrat

Apple SF Pro Display Font – https://developer.apple.com/fonts/

Image – https://www.pexels.com/

Note: All images have been replaced with Place holders in the Xd files.

by
by
by
by
by
by