Repolode
MudBlazor

MudBlazor/MudBlazor

基于 Material Design 的 Blazor 组件库,全部用 C# 编写,让 .NET 开发者少写 CSS 和 JavaScript 即可构建 Web 界面。

Star
10,643
Fork
1,696
未关闭 Issue
721
最近提交
昨天

这是什么?

MudBlazor 是一个基于 Material Design 设计规范的 Blazor 组件库。Blazor 是微软推出的 .NET Web 交互界面框架,MudBlazor 提供了文本、按钮等现成组件,开发者可以直接用 C# 搭建 Web 应用,无需编写大量 CSS 或 JavaScript。

所有组件都由 C# 实现,便于阅读、修改和扩展。该库不依赖其他组件库,项目注重测试覆盖率,并保持较频繁的版本发布。文档提供了大量示例和源码片段,还有可在线体验的 Playground。

当前 9.x 版本支持 .NET 8、9 和 10。不支持静态渲染,使用时需要配置交互式渲染模式。

核心功能

  • 01全部组件使用 C# 实现,可直接阅读、修改和扩展。
  • 02无需编写大量 CSS 即可做出美观界面,同时也支持自定义 CSS。
  • 03JavaScript 使用极少,仅在必要时引入。
  • 04不依赖其他组件库,组件和功能可完全自主掌控。
  • 05提供丰富的文档示例和在线 Playground。

适用场景

  • 用 .NET 开发企业内部的数据看板或管理后台。
  • 在不手写样式的情况下构建 Material Design 风格的 Web 应用。
  • 为现有 Blazor 项目快速添加现成的 UI 控件。

快速上手

  1. 1

    阅读 MudBlazor 文档站上的安装指南

  2. 2

    将 MudBlazor 包添加到你的 Blazor 项目中

  3. 3

    在 Razor 页面中使用 MudBlazor 组件,例如 MudButton

使用前须知

  • 不支持静态渲染,需要正确配置渲染模式。
  • 需要使用较新的浏览器和受支持的 Blazor/.NET 版本;旧版本已结束支持。

收录于专题

标签

常见问题

MudBlazor 是什么?
基于 Material Design 的 Blazor 组件库,全部用 C# 编写,让 .NET 开发者少写 CSS 和 JavaScript 即可构建 Web 界面。 MudBlazor 是一个基于 Material Design 设计规范的 Blazor 组件库。Blazor 是微软推出的 .NET Web 交互界面框架,MudBlazor 提供了文本、按钮等现成组件,开发者可以直接用 C# 搭建 Web 应用,无需编写大量 CSS 或 JavaScript。
MudBlazor 可以免费使用吗?用的什么许可证?
MudBlazor 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
MudBlazor 还在维护吗?
活跃维护中。MudBlazor 最近一次提交是在 2026年10月24日。
MudBlazor 适合用来做什么?
用 .NET 开发企业内部的数据看板或管理后台。 在不手写样式的情况下构建 Material Design 风格的 Web 应用。 为现有 Blazor 项目快速添加现成的 UI 控件。
MudBlazor 怎么安装和运行?
阅读 MudBlazor 文档站上的安装指南 将 MudBlazor 包添加到你的 Blazor 项目中 在 Razor 页面中使用 MudBlazor 组件,例如 MudButton
在哪里获取 MudBlazor?
源代码和安装说明在 GitHub 上:https://github.com/MudBlazor/MudBlazor

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目