免费开源的 Blazor UI 组件库,提供 155+ 组件,涵盖数据表格、日程调度、图表与 AI 聊天控件。
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
阅读 MudBlazor 文档站上的安装指南
- 2
将 MudBlazor 包添加到你的 Blazor 项目中
- 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 数据每日更新。
相关项目
基于 Tailwind CSS 的开源组件库,通过类名提供现成的 UI 组件。
基于 Lit 构建的 Material Design 3 Web 组件库,用于开发无障碍的 Web 应用。
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库,前身为 NextUI。
基于 Google Material Design 实现的 React 组件库,提供大量开箱即用的界面组件。
基于 Ant Design 设计规范的企业级 Vue UI 组件库,同时支持 Vue 2 与 Vue 3。