基于 Material Design 的 Blazor 组件库,全部用 C# 编写,让 .NET 开发者少写 CSS 和 JavaScript 即可构建 Web 界面。
radzenhq/radzen-blazor
免费开源的 Blazor UI 组件库,提供 155+ 组件,涵盖数据表格、日程调度、图表与 AI 聊天控件。
- Star
- 4,378
- Fork
- 960
- 未关闭 Issue
- 15
- 最近提交
- 前天
这是什么?
Radzen Blazor Components 是一套用 C# 编写的 Blazor UI 组件库,用于构建 Web 应用。数据类组件包括 DataGrid、PivotDataGrid、日程调度(Scheduler)、甘特图以及支持公式和 XLSX 导入导出的类 Excel 电子表格。图表部分提供 30 多种图表类型,直接以 C# 绘制 SVG,不依赖 JavaScript 图表库。
组件库还包含表单控件、布局与导航组件、反馈提示以及二维码、条形码等工具类组件。内置 Material、Standard、Default、Humanistic、Software 等主题,每个主题都有浅色和深色版本,支持 CSS 变量自定义和运行时切换。Material 3、Fluent 等高级主题需通过付费订阅获取。
AI 工具包提供带工具调用、审批与附件功能的 AIChat,以及 AIPrompt、SmartPasteButton 等组件,基于 Microsoft.Extensions.AI 构建,可对接任何兼容 OpenAI 接口的服务。项目支持 .NET 8、9 和 10,可用于 Blazor Server、Blazor WebAssembly 以及 .NET MAUI Blazor Hybrid。
核心功能
- 01提供 DataGrid、PivotDataGrid、日程调度、甘特图和电子表格等数据组件
- 0230 多种图表类型,以 C# 绘制 SVG,无需 JavaScript 图表库
- 03覆盖表单、布局、导航和反馈提示等常用界面控件
- 04内置浅色与深色主题,支持 CSS 变量自定义和运行时切换
- 05AIChat 等 AI 控件基于 Microsoft.Extensions.AI,可接入兼容 OpenAI 的服务
适用场景
- 用 Blazor 开发包含表格、表单和仪表盘的企业内部系统
- 在 .NET Web 仪表盘中添加交互式图表和仪表盘指针,无需 JavaScript 库
- 使用日程调度和甘特图组件实现排期或项目规划视图
- 为 Blazor 应用接入 AI 聊天助手
快速上手
- 1
安装 NuGet 包
dotnet add package Radzen.Blazor - 2
在 _Imports.razor 中添加 Radzen 命名空间
- 3
在 App.razor 中添加主题和脚本
- 4
在 Program.cs 中注册服务
builder.Services.AddRadzenComponents();
使用前须知
- 需要 .NET SDK 和 Blazor 应用才能使用。
- 部分高级主题和工具需要付费的 Radzen Blazor Pro 订阅。
收录于专题
标签
常见问题
- radzen-blazor 是什么?
- 免费开源的 Blazor UI 组件库,提供 155+ 组件,涵盖数据表格、日程调度、图表与 AI 聊天控件。 Radzen Blazor Components 是一套用 C# 编写的 Blazor UI 组件库,用于构建 Web 应用。数据类组件包括 DataGrid、PivotDataGrid、日程调度(Scheduler)、甘特图以及支持公式和 XLSX 导入导出的类 Excel 电子表格。图表部分提供 30 多种图表类型,直接以 C# 绘制 SVG,不依赖 JavaScript 图表库。
- radzen-blazor 可以免费使用吗?用的什么许可证?
- radzen-blazor 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- radzen-blazor 还在维护吗?
- 活跃维护中。radzen-blazor 最近一次提交是在 2026年10月23日。
- radzen-blazor 适合用来做什么?
- 用 Blazor 开发包含表格、表单和仪表盘的企业内部系统 在 .NET Web 仪表盘中添加交互式图表和仪表盘指针,无需 JavaScript 库 使用日程调度和甘特图组件实现排期或项目规划视图 为 Blazor 应用接入 AI 聊天助手
- radzen-blazor 怎么安装和运行?
- 安装 NuGet 包: dotnet add package Radzen.Blazor 在 _Imports.razor 中添加 Radzen 命名空间 在 App.razor 中添加主题和脚本 在 Program.cs 中注册服务: builder.Services.AddRadzenComponents();
- 在哪里获取 radzen-blazor?
- 源代码和安装说明在 GitHub 上:https://github.com/radzenhq/radzen-blazor
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
面向家人朋友小圈子的自托管影音服务器,管理本地电影、剧集和音乐。
Umbraco 是一款免费开源的 .NET 内容管理系统,用于构建网站和数字体验。
一款将 Immich 服务器中的照片以幻灯片形式展示的数码相框应用。
面向 React 与 Next.js 的开源动效组件库,提供 215 个以上可定制的动画组件与背景。
基于 Tailwind CSS 的开源组件库,通过类名提供现成的 UI 组件。