10款值得推荐的Blazor UI组件库

news2025/9/20 16:02:00

前言

经常看到有小伙伴在DotNetGuide技术社区交流群里问有什么好用的Blazor UI组件库推荐的，本文将分享一些开源、实用、美观的Blazor UI组件库，提供给广大C#/.NET开发者们学习和使用（注意：排名不分先后，都是十分优秀的开源框架和项目💖）。这些框架都已收录到C#/.NET/.NET Core优秀项目和框架精选中，关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践，提高开发效率和质量。坑已挖，欢迎大家踊跃提交PR，自荐（让优秀的项目和框架不被埋没🤞）。

GitHub项目仓库收集地址：https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md

Ant Design Blazor

使用文档：Ant Design Blazor

GitHub项目地址：GitHub - ant-design-blazor/ant-design-blazor: 🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.

项目介绍

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

项目特点

  • 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
  • 📦 开箱即用的高质量 Blazor 组件，可在多种托管方式共享。
  • 💕 支持基于 WebAssembly 的前端和基于 SignalR 的服务端 UI 即时交互。
  • 🎨 支持渐进式 Web 应用（PWA）
  • 🛡 使用 C# 构建，多范式静态语言带来高效的开发体验。
  • ⚙️ 支持 .NET Core 3.1 以上所有版本，可直接引用丰富的 .NET 类库。
  • 🌍 数十个国际化语言支持。
  • 💴 基于 MIT 开源协议，.NET 基金会项目，商业应用免费。

项目截图

BootstrapBlazor

使用文档：Bootstrap Blazor enterprise-level UI component library

Gitee项目地址：BootstrapBlazor: Bootstrap 样式的 Blazor UI 组件库，适配移动端支持各种主流浏览器，适配 ABP，同时支持 NET6/NET7/NET8 交流群 795206915 或者 675147445

项目介绍

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

项目截图

MudBlazor

使用文档：MudBlazor - Blazor Component Library

GitHub项目地址：GitHub - MudBlazor/MudBlazor: Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.

项目介绍

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

使用文档：MatBlazor - Material Design components for Blazor

GitHub项目地址：GitHub - SamProf/MatBlazor: Material Design components for Blazor and Razor Components

项目介绍

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

项目截图

Blazorise

使用文档：Blazorise Documentation

GitHub项目地址：GitHub - Megabit/Blazorise: Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.

项目介绍

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

项目截图

Microsoft Fluent UI Blazor

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

GitHub项目地址：GitHub - microsoft/fluentui-blazor: Microsoft Fluent UI Blazor components library. For use with .NET 6.0 or higher Blazor applications

项目介绍

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

项目截图

Radzen Blazor

使用文档：Free Blazor Components | 70+ UI controls by Radzen

GitHub项目地址：GitHub - radzenhq/radzen-blazor: Radzen Blazor is a set of 70+ free native Blazor UI components packed with DataGrid, Scheduler, Charts and robust theming including Material design and FluentUI.

项目介绍

Radzen Blazor 是一个包含70多个免费的原生 Blazor UI 组件的集合，其中包括 DataGrid、Scheduler、Charts 等功能强大的组件，并提供了丰富的主题样式，包括 Material Design 和 FluentUI。可以将 Radzen Blazor 视为一个用于构建 Blazor 应用程序的 UI 框架，它提供了一系列预构建的组件和工具，帮助开发人员快速搭建和定制自己的应用程序界面。

项目截图

MASA.Blazor

使用文档：MASA Blazor

GitHub项目地址：GitHub - masastack/MASA.Blazor: Blazor UI component library based on Material Design. Support Blazor Server, Blazor WebAssembly and MAUI Blazor.

项目介绍

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

项目特点

  • 丰富组件：包含Vuetify 1:1还原的基础组件，以及很多实用的预置组件和.Net深度集成功能，包括Url、面包屑、导航三联动，高级搜索，i18n等
  • UI设计语言：设计风格现代，UI 多端体验设计优秀
  • 专业示例：MASA Blazor Pro 提供多种常见场景的预设布局
  • 简易上手：丰富详细的上手文档，免费的视频教程（制作中）
  • 社区活跃鼓励：用户参与实时互动，做出贡献加入我们，构建最开放的开源社区
  • 长期支持：全职团队维护，长期提供支持，并提供企业级支持
  • 知名企业选择：该技术框架被多家知名企业选择使用，未来MASA Stack产品线也将一直使用，持续增加新功能

项目截图

BlazorStrap

使用文档：Introduction · Bootstrap v5.1

GitHub项目地址：GitHub - chanan/BlazorStrap: Bootstrap 4 Components for Blazor Framework

项目介绍

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

项目截图

BlazorBootstrap

使用文档：https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8

GitHub项目地址：Blazor Bootstrap Demos & Examples | Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework | Blazor Bootstrap

项目介绍

企业级Blazor Bootstrap组件库，基于Blazor和Bootstrap CSS框架构建。

项目截图

DotNetGuide技术社区交流群

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

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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1355000.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

算法与数据结构之数组（Java）

算法与数据结构之数组（Java）

目录 1、数组的定义 2、线性结构与非线性结构 3、数组的表现形式 3.1 一维数组 3.2 多维数组 4、重要特性：随机访问 5、ArrayList和数组 6、堆内存和栈内存 7、数组的增删查改 7.1 插入数据 7.2 删除一个数据 7.3 修改数组 7.4 查找数据 8、总结 什么…
阅读更多...
CIFAR图片分类数据集

CIFAR图片分类数据集

1. CIFAR介绍 官网链接：CIFAR-10 and CIFAR-100 datasets CIFAR-10是一个更接近普适物体的彩色图像数据集。CIFAR-10 是由Hinton 的学生Alex Krizhevsky 和Ilya Sutskever 整理的一个用于识别普适物体的小型数据集。一共包含10 个类别的RGB 彩色图片：飞机…
阅读更多...
机器学习期末复习

机器学习期末复习

机器学习 选择题名词解释：简答题计算题一、线性回归二、决策树三、贝叶斯 选择题 机器学习利用经验 ，须对以下（）进行分析 A 天气 B 数据 C 生活 D 语言 归纳偏好值指机器学习算法在学习的过程中，对以下（&a…
阅读更多...
【Java基础篇】 try中return A，catch中return Bfinally中return C，最终返回值是什么?

【Java基础篇】 try中return A，catch中return Bfinally中return C，最终返回值是什么?

try中return A，catch中return Bfinally中return C，最终返回值是什么? ✔️典型解析✔️拓展知识仓✔️finally 和 return 的关系 ✔️ final、finally、finalize有什么区别✔️final✔️finally✔️ finalize ✔️典型解析 最终的返回值将会是C 因为 fi…
阅读更多...
计算机毕业设计-----SSM自习室图书馆座位预约管理系统

计算机毕业设计-----SSM自习室图书馆座位预约管理系统

项目介绍 一款由jspssmmysql实现的图书馆预约占座管理系统，前端采用的是当下最流行的easyui框架，后台用的ssm（spring、springMVC、mybaits）框架.添加学生和教师时会自动在用户表中注册，定时任务会定时生成座位信息&am…
阅读更多...
Cortex-M3 内核的中断优先级

Cortex-M3 内核的中断优先级

第一步：分组（一次） 第二步：根据每个中断，设置抢占优先级（根据分组可以知道可以几位设置），然后子优先级。 1. 中断编号 ARM 为 Cortex-M3 内核 一共设计了 255 个中断，编号…
阅读更多...
【SpringBoot开发】之商城项目案例（订单及订单项生成）

【SpringBoot开发】之商城项目案例（订单及订单项生成）

🎉🎉欢迎来到我的CSDN主页！🎉🎉 🏅我是君易--鑨，一个在CSDN分享笔记的博主。📚📚 🌟推荐给大家我的博客专栏《SpringBoot开发之商城项目系列》。&#x1f3af…
阅读更多...
Ubuntu无网络解决办法

Ubuntu无网络解决办法

1.进入root并输入密码 sudo su 2.更新NetworkManager的配置 用vim打开NetworkManager.conf vim /etc/NetworkManager/NetworkManager.conf 将第五行 managedFalse 改为 managedTrue 。 如果本身就是True就不用改了。 3.删除NetworkManager配置 service NetworkManager st…
阅读更多...
Application layer

Application layer

title: 应用层 date: 2023-12-20 21:03:48 tags: 知识总结 categories: 计算机网络 应用层：负责最直观的应用请求的封装、发起 一、域名系统DNS 连接在互联网上的主机不仅有IP地址，还有便于用户记忆的主机名字。域名系统DNS能够把互联网上的主机的名字…
阅读更多...
看完这篇 教你玩转镜像转换神器qumu实现虚拟机做题自由！

看完这篇 教你玩转镜像转换神器qumu实现虚拟机做题自由！

前言： 最近有小伙伴说比赛没设备，问有没有不需要设备也能实现做题自由的方法，今天这里分享一期！ 看完这篇你将学会 使用qumu转换镜像格式 一般我们做题都是img格式的环境 需要导入设备，有些小伙伴没有设备 就可以使用…
阅读更多...
擎创动态 | 某城商行案例入选信通院 GOLF+年度明星解决方案

擎创动态 | 某城商行案例入选信通院 GOLF+年度明星解决方案

2023年12月15日，“2023GOLF IT新治理领导力论坛”在京召开，该论坛由中国信息通信研究院、中国通信标准化协会主办。在此次论坛中，主办方正式发布了XOps领域年度评选结果。擎创科技“一体化智能根因定位解决方案”凭借优秀的落地实践成果&…
阅读更多...
Navicat 技术干货 | 如何查看关系型数据库（MySQL、PostgreSQL、SQL Server、 Oracle）查询的运行时间

Navicat 技术干货 | 如何查看关系型数据库（MySQL、PostgreSQL、SQL Server、 Oracle）查询的运行时间

在数据库优化中，理解和监控查询运行时间是至关重要的。无论你是数据库管理员、开发人员或是参与性能调优的人员，知道如何查看查询运行时间能为你的数据库操作提供有价值的参考。本文中，我们将探索几款热门的关系数据库（如 MySQL、…
阅读更多...
门店总数超9000家，手握大众茶饮“下沉市场牌”的古茗冲刺上市

门店总数超9000家，手握大众茶饮“下沉市场牌”的古茗冲刺上市

奶茶品牌上市潮来袭。1月2日，奶茶品牌古茗控股有限公司（下称“古茗”）、蜜雪冰城股份有限公司（下称“蜜雪冰城”）一同递交招股书，计划在港交所主板上市。 近年来，随着现制茶饮的爆火&#xff0…
阅读更多...
vue-amap区域显示，3d棱柱效果

vue-amap区域显示，3d棱柱效果

文章目录 一、在vue项目中安装和基本使用1. 安装2. 在vue项目中使用1. 在main.js中引入2. demo显示高德地图 二、显示区域三、只显示某个区域四、3D棱柱区域五、添加卫星图层 vue-amap中文文档： https://www.wenjiangs.com/doc/mdxkhhtr 一、在vue项目中安装和基本…
阅读更多...
30道Nginx面试题含答案（很全）

30道Nginx面试题含答案（很全）

1. 什么是Nginx？ Nginx是一个 轻量级/高性能的反向代理Web服务器，他实现非常高效的反向代理、负载平衡，他可以处理2-3万并发连接数，官方监测能支持5万并发。 2. 为什么要用Nginx？ 跨平台、配置简单、方向代理、高并…
阅读更多...
nVisual如何实现数据中心资产管理

nVisual如何实现数据中心资产管理

背景 随着信息技术的迅速发展，数据中心已经成为了企业信息化建设的重要基础设施之一。数据中心不仅承载着大量的企业数据和业务应用，而且也需要大量的资产投入来支持其运营和发展。 因此，数据中心资产管理的重要性也日益凸显，数…
阅读更多...
单电阻落地扇电机驱动 DEMO 方案

单电阻落地扇电机驱动 DEMO 方案

SYNWIT DEMO方案 低压 PMSM 电机，软件上采用SVPWM空间电压矢量调制技术，直接闭环启动，相比传统方波效率提高15%，具有更小的谐波分量及转矩脉动，同时采用32位MCU芯片SWM201G6S7 SSOP28 封装为主控，为驱动算…
阅读更多...
thinkadmin安装步骤

thinkadmin安装步骤

一,先cmd运行安装命令 ### 创建项目（ 需要在英文目录下面执行 ） composer create-project zoujingli/thinkadmin二,在confing中的database.php配置数据库 三,将仓库的data复制到app目录下 https://gitee.com/zoujingli/think-plugs-data 四,在cmd运…
阅读更多...
ssm基于BS的仓库在线管理系统的设计与实现论文

ssm基于BS的仓库在线管理系统的设计与实现论文

摘 要 如今的时代，是有史以来最好的时代，随着计算机的发展到现在的移动终端的发展，国内目前信息技术已经在世界上遥遥领先，让人们感觉到处于信息大爆炸的社会。信息时代的信息处理肯定不能用之前的手工处理这样的解决方法&#x…
阅读更多...
实验笔记之——下载数据到服务器

实验笔记之——下载数据到服务器

开发过程中经常需要把数据传到服务器上，太麻烦了，为此本博文记录采用百度云来传输数据 百度云 使用bypy包。 安装：pip install bypy 配置bypy连接百度网盘： 终端输入bypy info将命令行提示的链接复制到浏览器，并复制…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023