Welcome to MudBlazor Theme Manager Creator

This tool allows you to create a custom theme for MudBlazor. You can customize the theme colors, typography, and other settings. The tool will generate a theme class or CSS that you can use in your MudBlazor project. The tool is still in development and may have bugs or missing features. Please report any issues on the GitHub repository. Click here to learn more about this tool.


Mudblazor Version: 8.3
MudEx Version: 8.2.1
Current Breakpoint: Xs Current Breakpoint: Sm Current Breakpoint: Md Current Breakpoint: Lg Current Breakpoint: Xl
Supporting V7.x.x and V8.x.x of MudBlazor
Buttons

Filled:


Outlined:

Text:

Text Fields
Outlined
Helper Text
Select and Autocomplete

Date and Time Pickers

Switches, Checkboxes, Sliders

Volume: 3.5

3.5

Cash: ¤17.36

Alerts
Normal Alert
Info Alert
Success Alert
Warning Alert
Error Alert

Badges

3 99+

Bugs

Breadcrumbs:

MudChips:

Links:
Home Page - Underline.Hover
Home Page - Underline.Always

Card - Title Area

Card content goes here.

Menus

Progress Bars
Skeletons
List

Inbox

Sent

Drafts

Trash

Removed e-mails

Spam

E-mails from common providers

Tabs
Tab One
Tab Two
Tab Three
Tab Disabled

Content One

One
Two

Content One

Treeview

  • All Mail

  • Drafts

  • Orders

  • Categories

    • Social

    • Updates

    • Forums

    • Spam

  • Trash

Toolbar

With Tooltips:

Typography

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading

subtitle1. Customize this text to see your theme in action.

subtitle2. Adjust the colors and fonts to preview your style.

body1. This is a sample paragraph to demonstrate your theme settings. Change the typography, colors, or spacing to see how your design looks with real content on themes.arctechonline.tech.

body2. Here’s another text block for your theme preview. Modify the settings to create a unique look, perfect for showcasing your creativity and design skills.


BUTTON TEXT
caption text
OVERLINE TEXT

button typo but the element is h3

body2 typo but the element is strong
Timeline
Packaging Process Started

Yesterday: 16:33

Packaging complete

Yesterday: 17:10

Waiting for pickup

Yesterday: 17:15

Package missed last pickup time.
Package picked up by driver

Today: 17:00

Package In Transit
Name Age
Emma Smith 34
Liam Johnson 29
Olivia Williams 42
Noah Brown 31
Ava Jones 38
Ethan Davis 27
Sophia Garcia 45
Mason Rodriguez 33
Isabella Martinez 29
James Smith 40