IOTASK - Project Management UI Kit

IOTASK is a modern, clean and very detailed UI kit.

• Personal license $28
• Commercial license $49
• Extended license $99

Live preview: http://www.whiteui.store/iotask

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. This UI kit is perfect for any SaaS projects, project management services, team productivity portals, and ToDo tools.

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.

After purchasing this UI kit you will get:

UI Kit

1. Typography
2. Color Palette
3. Buttons
4. Forms
5. Forms – Elements
6. Widgets
7. Notifications
8. Navigation – Light
9. 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

Live preview: http://www.whiteui.store/iotask

IOTask Mobile UI Kit - https://crmrkt.com/KlNogQ

Compatible with: Sketch app, Adobe Photoshop, Adobe XD, Figma

Icon font

Please download Line Awesome font if all icons in the source files displayed as empty square boxes.

• Line Awesome - https://www.dropbox.com/s/l4eelgbnenkhyqv/line-awesome.ttf?dl=1