🎨 Mantine Theme Builder
Primary Color
Shade — 6
0
1
2
3
4
5
6
7
8
9
Color Scheme
Font Size Scale
xs:12 sm:14 md:16 lg:18 xl:20 px
Spacing Scale
xs:10 sm:12 md:16 lg:20 xl:32 px
Theme Preview
Default
Success
Warning
Error
Info
Monthly Revenue
$12,480
+8.2%
Active Users
3,291
+4.1%
Churn Rate
2.4%
-0.3%
Label
Helper text
Progress
Storage used
72%
CPU load
38%
Memory
91%
Notifications
Dark mode
Analytics
Alert title
This is an informational alert. Use it to provide context or status updates.
Name
Status
Amount
Acme Corp
Active
$1,200
Globex Inc
Pending
$840
Initech Ltd
Active
$3,100
Card title
Optional subtitle or description
Card body content. Radius, border, shadow and font respond to your theme settings in real time.