Materialize
English
French
Arabic
German
Light
Dark
System
Shortcuts
Calendar
Appointments
Invoice App
Manage Accounts
User App
Manage Users
Role Management
Permission
Dashboard
Analytics
Setting
Account Settings
FAQs
FAQs & Articles
Modals
Useful Popups
Notification
8 New
Congratulation Lettie 🎉
Won the monthly best seller gold badge
1h ago
CF
Charles Franklin
Accepted your connection
12hr ago
New Message ✉️
You have new message from Natalie
1h ago
Whoo! You have new order 🛒
ACME Inc. made new order $1,154
1 day ago
Application has been approved 🚀
Your ABC project application has been approved.
2 days ago
Monthly report is generated
July monthly financial report is generated
3 days ago
Send connection request
Peter sent you connection request
4 days ago
New message from Jane
Your have new message from Jane
5 days ago
CPU is running high
CPU Utilization Percent is currently at 88.63%,
5 days ago
View all notifications
John Doe
Admin
My Profile
Settings
Billing
4
FAQ
Pricing
Log Out
UI elements /
Buttons
Basic Buttons
Default
Primary
Secondary
Success
Danger
Warning
Info
Dark
Rounded
Primary
Secondary
Success
Danger
Warning
Info
Dark
Label(Tonal) Buttons
Default
Primary
Secondary
Success
Danger
Warning
Info
Dark
Rounded
Primary
Secondary
Success
Danger
Warning
Info
Dark
Outline Buttons
Default
Primary
Secondary
Success
Danger
Warning
Info
Dark
Rounded
Primary
Secondary
Success
Danger
Warning
Info
Dark
Text Buttons
Primary
Secondary
Success
Danger
Warning
Info
Dark
Buttons with Icons
Basic
Primary
Secondary
Primary
Secondary
Label(Tonal)
Primary
Secondary
Primary
Secondary
Outline
Primary
Secondary
Primary
Secondary
Basic
Label(Tonal)
Outline
Floating Action Buttons
Basic
Label(Tonal)
Extended Basic
Primary
Secondary
Primary
Secondary
Extended Label
Primary
Secondary
Primary
Secondary
Social Button
Basic
Facebook
Twitter
Google+
Instagram
Label(Tonal)
Linkedin
Github
Pinterest
Slack
Outline & Text
WhatsApp
Reddit
Youtube
Vimeo
Basic Icons
Label(Tonal) Icons
Outline & Text Icons
Button Options
Sizes
Button xl
Button lg
Button
Button sm
Button xs
Buttons State
Normal
Active
Disabled
Block level buttons
Button
Button
Button Plugin
Toggle states
Toggle button
Active toggle button
Disabled toggle button
Checkbox toggle buttons
Single toggle
Checked
Checked
Checkbox and radio
Checkbox 1(pre-checked)
Checkbox 2
Checkbox 3
Radio 1
Radio 2
Radio 3
Button Group
Basic
Left
Middle
Right
Label(Tonal)
Left
Middle
Right
Outline
Left
Middle
Right
Button Toolbar
Button Nesting
Dropdown
Dropdown link
Dropdown link