BetaCRM - SaaS Web UI Kit

BetaCRM is a modern, clean, and very detailed UI kit. We designed 180+ beautiful web pages and mobile app screens. Also, you can use our set of 200+ unique UI kit components to build your own SaaS dashboard.

• Personal license $37
• Commercial license $47
• Extended license $99

Live preview: www.whiteui.store/betacrm

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, CRM Admin Dashboards, E-commerce, and Sales management.

Updates

✅ Mar 23, 2020 - Initial Release

✅ Oct 5, 2020 - Sketch file updated

✅ Sep 17, 2021 - Sketch file updated. Line Awesome font updated. Sketch, Figma, and Adobe XD files updated to support color variables, auto-layouts, and text styles.

Key Features

• 180+ pre-made pages & screens
• 200+ unique components
• Vector-Based & fully customizable
• Web & Mobile versions
• Free Google & Icon font
• Compatible with Sketch & Photoshop

After purchasing this UI kit you will get:

UI Kit

1. Icon font global styles
2. Typography
3. Color Palette
4. Buttons
5. Forms
6. Forms – Elements

Login

7. Sign Up
8. Sign In
9. Password recovery
10. Wizard - Step 1
11. Wizard - Step 2

Login - Mobile

12. Sign Up
13. Sign In
14. Password recovery
15. Wizard - Step 1
16. Wizard - Step 2

Dashboard

17. Dashboard V1
18. Dashboard V2
19. Dashboard V3
20. Dashboard V4
21. Dashboard - Navigation
22. Dashboard - Navigation Fullsize
23. Dashboard - Search
24. Dashboard - Add Menu
25. Dashboard - Empty State

Dashboard - Mobile

26. Dashboard V1
27. Dashboard V2
28. Dashboard V3
29. Dashboard V4
30. Dashboard - Navigation
31. Dashboard - Search
32. Dashboard - Add Menu
33. Dashboard - Empty State

Projects

34. Projects Empty State
35. Projects List V1
36. Projects Grid V1
37. Projects List V2
38. Projects Grid V2
39. Projects List V3
40. Projects Grid V3
41. Projects - Add New
42. Project Details - Tasks
43. Project Details - Desk
44. Project Details - Activity
45. Project Details - Files
46. Project Details - Reports
47. Project Details - Settings

Projects - Mobile

48. Projects Empty State
49. Projects List V1
50. Projects Grid V1
51. Projects List V2
52. Projects Grid V2
53. Projects List V3
54. Projects Grid V3
55. Projects - Add New
56. Projects - Sorting
57. Projects - Details
58. Projects - Details Hidden
59. Project Details - Files
60. Project Details - Tasks
61. Project Details - Desk

Tasks

62. Tasks Empty State
63. Tasks
64. Task - Description
65. Task - Add New

Tasks - Mobile

66. Tasks Empty State
67. Tasks List V1
68. Tasks List V2
69. Task - Description
70. Task - Add New

Kanban

71. Kanban Empty State
72. Kanban
73. Kanban - State
74. Kanban - Description

Kanban - Mobile

75. Kanban Empty State
76. Kanban - Desk
77. Kanban - Task Description

Calendar

78. Calendar
79. Calendar - Week
80. Calendar - Day
81. Calendar - Event

Calendar - Mobile

82. Calendar - Month
83. Calendar - Day
84. Calendar - Event

Contacts

85. Contacts Empty State
86. Contacts List V1
87. Contacts Grid V1
88. Contacts List V2
89. Contacts Grid V2
90. Contacts List V3
91. Contacts Grid V3
92. Contacts - Add New
93. Contacts - Details
94. Contacts - Profile V1
95. Contacts - Profile V2
96. Contacts Settings - General
97. Contacts Settings - Accounts
98. Contacts Settings - Security
99. Contacts Settings - Billing

Contacts - Mobile

100. Contacts Empty State
101. Contacts List V1
102. Contacts Grid V1
103. Contacts List V2
104. Contacts Grid V2
105. Contacts List V3
106. Contacts Grid V3
107. Contacts - Details
108. Contacts - Details Actions
109. Contacts Settings
110. Contacts Settings - Menu
111. Contacts Settings - Apps
112. Contacts Settings - Security
113. Contacts Settings - Billing
114. Contacts Settings - Notifications
115. Contacts - Profile V1
116. Contacts - Profile V2

Messages

117. Messages Empty State
118. Messages
119. Messages - Conversation
120. Messages - Media
121. Messages - About
122. Messages - New Message

Messages - Mobile

123. Messages Empty State
124. Messages
125. Messages Menu
126. Messages - Conversation
127. Messages - Conversation Menu
128. Messages - Media

Products

129. Products Empty State
130. Products List V1
131. Products Grid V1
132. Products List V2
133. Products Grid V2
134. Products - Add New
135. Products Item
136. Products Item - Details
137. Products Item - Settings

Products - Mobile

138. Products Empty State
139. Products List V1
140. Products Grid V1
141. Products List V2
142. Products Grid V2
143. Products - Add New
144. Products Item - Details

Invoices

138. Invoices Empty State
139. Invoices List V1
140. Invoices List V2
141. Products - Add New
142. Products - Add New Items
143. Invoices - Details

Invoices Mobile

146. Invoices Empty State
147. Invoices List V1
148. Invoices List V2
149. Products - Add New
150. Products - Add New Items
151. Products - Add New Menu
152. Invoices - Details

File Browser

153. Files Empty State
154. Files List
155. Files Grid
156. Files Details
157. Files - Upload

File Browser Mobile

158. Files Empty State
159. Files List
160. Files Grid
161. Files Details
162. Files Details Hidden
163. Files - Upload

Notifications

164. Notifications List
165. Notifications Grid

Notifications Mobile

166. Notifications List V1
167. Notifications List V2

Reports

168. Reports V1
169. Reports V2
170. Reports V3

Help Center

171. Help Center
172. Help Center - Search
173. Help Center - Tickets V1
174. Help Center - Tickets V2
175. Help Center - New Ticket

Help Center Mobile

176. Help Center
177. Help Center - Search
178. Help Center - Search Hidden
179. Help Center - Search Empty
180. Help Center - Tickets V1
181. Help Center - Tickets V2
182. Help Center - Tickets Menu
183. Help Center - New Ticket

Live preview: www.whiteui.store/betacrm

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://icons8.com/line-awesome