Descrição
We also designed IOTASK Mobile that you can use for your iOS and Android mobile apps. Check link below.
About:
IOTASK is a modern, clean and very detailed UI kit. We designed 150 beautiful screens for your future project using a 12 column Bootstrap grid with 1140px width. Also, you can use our set of 170+ unique UI kit components to built your own product. All symbols and objects are vector-based and easily editable. We used free Google Font as well as free embedded icon font that you can easily replace.
Updates:
✅ Version 1.0 – 62 Pages
✅ Version 2.0 – 36 New Pages
✅ Version 3.0 – 26 New Pages
✅ Version 4.0 – 26 New Pages
✅ Version 4.1 – Release on May 24, 2021
In this version, you will find the support of color variables in Sketch as well as global styles for colors, fonts in Figma. We also added an auto-layout feature for primary symbols in the Figma app.
Live Preview:
http://www.whiteui.store/iotask
After purchase you will get 110+ pages:
UI Kit
- 01. Typography
- 02. Color Palette
- 03. Buttons
- 04. Forms
- 05. Forms – Elements
- 06. Widgets
- 07. Notifications
- 08. Navigation – Light
- 09. Navigation – Dark
- 10. Navigation – Top Bar
- 11. Widgets – Contacts
- 12. Widgets – Projects
- 13. Widgets – Tasks
- 14. Widgets – Kanban
- 15. Widgets – Timeline
- 16. Widgets – Tables
Login
- 17. Register V.1
- 18. Register V.2
- 19. Login V.1
- 20. Login V.2
- 21. Recover V.1
- 22. Recover V.2
- 23. Wizard – Step 1
- 24. Wizard – Step 2
- 25. Wizard – Step 3
Dashboard
- 26. Dashboard V.1
- 27. Dashboard V.2
- 28. Dashboard V.3
- 29. Dashboard V.4
- 30. Dashboard V.5
- 31. Dashboard V.6
- 32. Dashboard V.7
Projects directory
- 33. Projects – Empty state
- 34. Projects – List V.1
- 35. Projects – List V.2
- 36. Projects – List V.3
- 37. Projects – List V.4
- 38. Projects – Grid V.1
- 39. Projects – Grid V.2
- 40. Projects – Grid V.3
- 41. Projects – Grid V.4
- 42. Projects – Add new V.1
- 43. Projects – Add new V.2
- 44. Projects – Wizard Step 1
- 45. Projects – Wizard Step 2
- 46. Projects – Wizard Step 3
Projects management
- 47. Management – Empty state V.1
- 48. Management – Empty state V.2
- 49. Management – Tasks List V.1
- 50. Management – Tasks List V.2
- 51. Management – Tasks List V.3
- 52. Management – Tasks Overview
- 53. Management – Calendar V.1
- 54. Management – Calendar V.2
- 55. Management – Activity V.1
- 56. Management – Activity V.2
- 57. Management – Activity V.3
- 58. Management – Settings V.1
- 59. Management – Settings V.2
- 60. Management – Settings Notifications
Tasks
- 61. Tasks – Empty state
- 62. Tasks – List V.1
- 63. Tasks – List V.2
- 64. Tasks – Description V.1
- 65. Tasks – Description V.2
- 66. Tasks – Add new
Kanban desk
- 67. Kanban – Desk V.1
- 68. Kanban – Desk V.2
- 69. Kanban – Desk V.3
- 70. Kanban – States
- 71. Kanban – Task
- 72. Kanban – Add new
Calendar
- 73. Calendar
- 74. Calendar – Add event
- 75. Calendar – Sidebar event
- 76. Calendar – Month
- 77. Calendar – Week
- 78. Calendar – Day V.1 Classic
- 79. Calendar – Day V.2 Modern
- 80. Calendar – Day V.3 Modern
- 81. Calendar – New event
Contacts
- 82. Contacts – Empty State
- 83. Contacts – Grid V.1
- 84. Contacts – Grid V.2
- 85. Contacts – Grid V.3
- 86. Contacts – Grid V.4
- 87. Contacts – List V.1
- 88. Contacts – List V.2
- 89. Contacts – List V.3
- 90. Contacts – List V.4
- 91. Contacts – Add new
- 92. Contacts – Sidebar
Profile
- 93. Profile details V.1
- 94. Profile details V.2
- 95. Profile details V.3
- 96. Settings – General V.1
- 97. Settings – General V.2
- 98. Settings – Accounts V.1
- 99. Settings – Accounts V.2
- 100. Settings – Security V.1
- 101. Settings – Security V.2
- 102. Settings – Billing V.1
- 103. Settings – Billing V.2
- 104. Settings – Notifications V.1
- 105. Settings – Notifications V.2
Communication
- 106. Chat – Empty state V.1
- 107. Chat – Empty state V.2
- 108. Chat – Discussion V.1
- 109. Chat – Discussion V.2
- 110. Chat – Discussion V.3
- 111. Chat – Discussion V.4
- 112. Chat – Discussion V.5
- 113. Chat – Start new
- 114. Inbox – Empty state
- 115. Inbox – List V.1
- 116. Inbox – List V.2
- 117. Inbox – List V.3
- 118. Inbox – Email description
File management
- 119. Files – Empty state
- 120. Files – List
- 121. Files – Grid
- 122. Files – Uploads
- 123. Files – Upload process
- 124. Files – Details
Navigation
- 125. Navigation – Groups Light
- 126. Navigation – Groups Light Icons
- 127. Navigation – Groups Dark
- 128. Navigation – Groups Dark Icons
- 129. Navigation – Horizontal Light
- 130. Navigation – Horizontal Dark
Pricing
- 131. Pricing V.1
- 132. Pricing V.2
- 133. Pricing V.3
Help Center
- 134. Help Center – Home V.1
- 135. Help Center – Home V.2
- 136. Help Center – Search Results V.1
- 137. Help Center – Search Results V.2
- 138. Help Center – Ticket V.1
- 139. Help Center – Ticket V.2
- 140. Help Center – Tickets List
- 141. Help Center – Ticket Add New
Project Planner
- 142. Projects – Selection
- 143. Projects – Dashboards
- 144. Projects – Tasks
- 145. Projects – Task Description
- 146. Projects – Calendar
- 147. Projects – Gantt V.1
- 148. Projects – Gantt V.2
- 149. Projects – Gantt V.1 – Task
- 150. Projects – Settings
Mobile version:
IOTASK Mobile UI kit– a mobile version of IOTask available on this page
Figma, Adobe XD & Adobe Photoshop:
If you need other formats (.psd,.xd,.figma) please contact us immediately after purchase and we will provide additional files for FREE.
To get all files immediately after purchase please make your order directly from our online store: https://gum.co/iotsk
Images & Illustrations:
All Images and 3rd party logos excluded from the source file. They are not part of the template and NOT included in the final purchase files. Contact us if you need a version with demo content
Illustrations credit: Undraw.co
Fonts:
- Google Font: Rubik
- Icon Font: Line Awesome
Design resources from WhiteUI.Store
Explore more premium UI kits and design resources for digital creators.
