值得推荐的Blazor UI组件库

目录

前言

Ant Design Blazor

项目介绍

项目特点

项目截图

BootstrapBlazor

项目介绍

项目截图

MudBlazor

项目介绍

项目特点

项目截图

MatBlazor

项目介绍

项目截图

Blazorise

项目介绍

项目截图

Microsoft Fluent UI Blazor

项目介绍

项目截图

MASA.Blazor

项目介绍

项目特点

项目截图

BlazorStrap

项目介绍

项目截图

---

 

前言

　　本文主要是推荐一些开源、免费、实用、美观的Blazor UI组件库，提供给广大C#/.NET开发者们学习和使用（注意：排名不分先后，都是十分优秀的开源框架和项目💖）。本文中的所有框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中，假如大家有更好组件库推荐欢迎到以下GitHub项目地址留言或者在文末留言。

GitHub项目仓库收集地址：https://github.com/YSGStudyHards/DotNetGuide/issues/12

Ant Design Blazor

使用文档：https://antblazor.com/zh-CN/docs/introduce

GitHub项目地址：https://github.com/ant-design-blazor/ant-design-blazor

项目介绍

Ant Design Blazor是一套基于Ant Design和 Blazor的企业级组件库（喜欢Ant Design风格的同学推荐使用）。

项目特点

项目截图

BootstrapBlazor

使用文档：https://www.blazor.zone/introduction

Gitee项目地址：https://gitee.com/LongbowEnterprise/BootstrapBlazor

项目介绍

BootstrapBlazor是一套基于 Bootstrap 和 Blazor 的企业级组件库，可以认为是 Bootstrap 项目的 Blazor 版实现。基于 Bootstrap 样式库精心打造，并且额外增加了 100 多种常用的组件，为您快速开发项目带来非一般的感觉（喜欢Bootstrap风格的同学推荐使用）。

项目截图

MudBlazor

使用文档：https://mudblazor.com/docs/overview

GitHub项目地址：https://github.com/MudBlazor/MudBlazor

项目介绍

MudBlazor是一个基于Material Design的Blazor组件框架，注重易用性和清晰的结构。它非常适合想要快速构建Web应用程序的 .NET 开发人员，无需费力地处理 CSS 和 JavaScript。由于 MudBlazor 完全使用C#编写，因此您可以自由地调整、修复或扩展该框架。文档中有大量示例代码，使理解和学习 MudBlazor 非常容易。

项目特点

1. 基于 Material Design 的清晰美观的图形设计。

2. 易于理解的结构。

3. 良好的文档和许多示例和源代码片段。

4. 所有组件全部使用 C# 编写，不允许使用 JavaScript（除非绝对必要）。

5. 用户可以创建漂亮的应用程序，而无需使用 CSS（当然也可以使用 CSS）。

6. 不依赖其他组件库，完全控制组件和功能。

7. 稳定性！我们努力实现完整的测试覆盖率。

8. 频繁发布版本，以便开发人员及时获得其 Pull Request 和修复。

项目截图

MatBlazor

使用文档：https://www.matblazor.com/

GitHub项目地址：https://github.com/SamProf/MatBlazor

项目介绍

MatBlazor是一套基于Material Design规范实现的Blazor和Razor通用组件库。

项目截图

Blazorise

使用文档：https://blazorise.com/docs

GitHub项目地址：https://github.com/Megabit/Blazorise

项目介绍

Blazorise 是用于Blazor的 UI 组件库，支持使用Bootstrap、Tailwind、Bulma、Ant Design 和 Material 等 CSS 框架，可用于构建响应式的单页 Web 应用程序。

项目截图

Microsoft Fluent UI Blazor

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

GitHub项目地址：https://github.com/microsoft/fluentui-blazor

项目介绍

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

项目截图

MASA.Blazor

使用文档：https://docs.masastack.com/blazor/getting-started/installation

GitHub项目地址：https://github.com/masastack/MASA.Blazor

项目介绍

基于Material设计规范和BlazorComponent的交互能力提供标准的基础组件库。提供如布局、弹框标准、Loading、全局异常处理等标准场景的预置组件。从更多实际场景出发，满足更多用户和场景的需求，最大的减少开发者的时间成本。缩短开发周期提高开发效率。

项目特点

项目截图

BlazorStrap

使用文档：https://getbootstrap.com/docs/5.1/getting-started/introduction/

GitHub项目地址：https://github.com/chanan/BlazorStrap

项目介绍

BlazorStrap是一个基于 Bootstrap 的 Blazor 的 UI 组件库，BlazorStrap的组件也支持响应式布局、主题定制以及多语言支持等功能，可以帮助开发者快速搭建出美观、易用的 Web 应用程序。

项目截图

引入地址