Repolode
radzenhq

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. 1

    安装 NuGet 包

    dotnet add package Radzen.Blazor
  2. 2

    在 _Imports.razor 中添加 Radzen 命名空间

  3. 3

    在 App.razor 中添加主题和脚本

  4. 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 数据每日更新。

相关项目