Material Design components for Blazor

Build stunning, interactive web applications with MudBlazor — the open-source Material Design library for Blazor.

🌐 Documentation ⚡ Interactive Playground

💎 Why Choose MudBlazor?

📖 Comprehensive documentation and examples
🎨 Beautiful Material Design components
💻 Write in C# with minimal JavaScript
✅ Extensive test coverage

📊 Repo Stats

🚀 Getting Started

See the installation guide to get started.

Example Usage

<MudText Typo="Typo.h6">
    MudBlazor is @Text
</MudText>

<MudButton Variant="Variant.Filled" 
           Color="Color.Primary" 
           OnClick="ButtonOnClick">
    @ButtonText
</MudButton>

@code {
    string Text { get; set; } = "????";
    string ButtonText { get; set; } = "Click Me";
    int ClickCount { get; set; }

    void ButtonOnClick()
    {
        ClickCount += 1;
        Text = $"Awesome x {ClickCount}";
        ButtonText = "Click Me Again";
    }
}

🤝 Contributing

Contributions from the community are what make MudBlazor successful.

💬 Feel free to chat with us on Discord to get feedback before diving in.
📚 Check out our contribution guidelines to get started and learn more about how the project works.
🧪 If a PR fixes something you reported, locally test it to ensure your app works as expected.

⚙️ Version Support

[!NOTE]

1. Upgrading? Check our Migration Guide for help with breaking changes.
2. Static rendering is not supported. Learn more
3. Use an up-to-date browser. Blazor supported platforms
4. Want to test the latest features? Learn about our nightly builds!