小编点评

## Fluent UI Blazor **Introduction:** 今天我们分享微软官方开源的 Blazor UI组件库：Fluent UI Blazor。该库是基于 Blazor 的组件库，提供了一系列的 UI组件以及Fluent UI 设计系统，可以帮助开发人员快速构建现代化的 Web 应用程序。 **Features:** * 支持 Blazor 技术 * 提供了一系列的 UI组件 * 包含 Fluent UI 设计系统 * 可以帮助开发人员快速构建现代化的 Web 应用程序 **Resources:** * 项目源代码部分 UI组件截图在线使用文档：https://www.fluentui-blazor.netCheckboxInputFileNumber fieldRadioDate & TimeButtonDialogWizard 项目源码地址更多项目实用功能和特性欢迎前往项目开源地址查看👀 * GitHub开源地址：https://github.com/microsoft/fluentui-blazor **Benefits:** * 提高开发效率 * 简化单页应用程序开发 * 与 Blazor 技术相结合 **Join the Community:** * 在 GitHub 上提交 PR 推荐或自荐 * 在 C#/.NET/.NET Core优秀项目和框架精选页面上分享项目 * 在DotNetGuide技术社区中分享技术文章、项目经验、学习心得、遇到的疑难技术问题以及解决方案

正文

前言

今天大姚给大家分享一个由微软官方开源（MIT License）、免费的Blazor UI组件库：Fluent UI Blazor。

• 全面的ASP.NET Core Blazor简介和快速入门

Fluent UI Blazor介绍

Fluent UI Blazor是一个基于Blazor的组件库，提供了一系列的UI组件以及Fluent UI的设计系统。该库可以帮助开发人员快速构建现代化的 Web 应用程序，并且与 Blazor 技术相结合，可以实现高效而灵活的单页应用程序开发。

Blazor是什么？

Blazor是一个使用 .NET框架和C#编程语言Razor语法构建Web应用程序的UI框架，它可以用于构建单页应用（SPA）和 Web服务，它使用编译的C#来操纵HTML DOM来替代JavaScript。Blazor 的目标是让开发人员使用C#编程语言来编写 Web 应用程序，使得C#程序员可以在一个熟悉的编程语言中完成整个应用程序的开发。这样既可以提高开发效率，也可以减少学习成本。

项目源代码

部分UI组件截图

在线使用文档：https://www.fluentui-blazor.net

Checkbox

InputFile

Number field

Radio

Date & Time

Button

Dialog

Wizard

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看👀，别忘了给项目一个Star支持💖。

• GitHub开源地址：https://github.com/microsoft/fluentui-blazor
• 在线文档地址：https://www.fluentui-blazor.net

优秀项目和框架精选

该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中，关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践，提高开发工作效率和质量。坑已挖，欢迎大家踊跃提交PR推荐或自荐（让优秀的项目和框架不被埋没🤞）。

• https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md

DotNetGuide技术社区交流群

• DotNetGuide技术社区是一个面向.NET开发者的开源技术社区，旨在为开发者们提供全面的C#/.NET/.NET Core相关学习资料、技术分享和咨询、项目框架推荐、求职和招聘资讯、以及解决问题的平台。
• 在DotNetGuide技术社区中，开发者们可以分享自己的技术文章、项目经验、学习心得、遇到的疑难技术问题以及解决方案，并且还有机会结识志同道合的开发者。
• 我们致力于构建一个积极向上、和谐友善的.NET技术交流平台。无论您是初学者还是有丰富经验的开发者，我们都希望能为您提供更多的价值和成长机会。

欢迎加入DotNetGuide技术社区微信交流群👪