前言

  本文主要是推荐一些开源、免费、实用、美观的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风格的同学推荐使用)。

项目特点

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

项目截图

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、全局异常处理等标准场景的预置组件。从更多实际场景出发,满足更多用户和场景的需求,最大的减少开发者的时间成本。缩短开发周期提高开发效率。

项目特点

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

项目截图

BlazorStrap

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

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

项目介绍

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

项目截图

DotNetGuide技术交流微信群

欢迎加入C#/.NET/.NET Core学习、工作、面试指南技术交流群。
1、本群是一个纯粹的技术交流群,不闲聊,不搭讪,不吹水。
2、希望大家更多的分享自己优秀的文章、学习资源和路线以及遇到的技术问题。

 

值得推荐的Blazor UI组件库的更多相关文章

  1. Blazor组件提交全记录: FullScreen 全屏按钮/全屏服务 (BootstrapBlazor - Bootstrap 风格的 Blazor UI 组件库)

    Blazor 简介 Blazor 是一个使用 .NET 生成的交互式客户端 Web UI 的框架.和前端同学所熟知的 Vue.React.Angular 有巨大差异. 其最大的特色是使用 C# 代码( ...

  2. 基于TDesign风格的Blazor企业级UI组件库

    作为一名Web开发人员,开发前端少不了使用JavaScript,而Blazor就是微软推出的基于.net平台交互式客户 Web UI 框架,可以使用C#替代JavaScript,减少我们的技术栈.降低 ...

  3. 16款优秀的Vue UI组件库推荐

    16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基 ...

  4. 强烈推荐优秀的Vue UI组件库

    Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正 ...

  5. 5个最优秀的微信小程序UI组件库

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...

  6. Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  7. 创建一个自己的Vue UI组件库,并将它发布在npm上

    本文仅限于入门级,没有成规模制作,希望能对你有所帮助. 因为在开发多个项目中可能会用到同一个组件,那么我们通过复制粘贴的形式更新,无异于是笨拙的,我们可以通过上传到npm后,不断迭代npm包来实现更新 ...

  8. 6个最优秀的微信小程序UI组件库

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面6款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...

  9. Wuss Weapp 微信小程序 UI 组件库

    微信小程序 UI 组件库 Github地址 https://github.com/phonycode/wuss-weapp 文档 https://phonycode.github.io/wuss-we ...

  10. 6个优秀的微信小程序ui组件库

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面6款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...

随机推荐

  1. 示例:iptables限制ssh链接服务器

    linux服务器默认通过22端口用ssh协议登录,这种不安全.今天想做限制,即允许部分来源ip连接服务器. 案例目标:通过iptables规则限制对linux服务器的登录. 处理方法:编写为sh脚本, ...

  2. 一文快速入门任务调度框架-Quartz

    前言 还不会 Quartz?如果你还没有接触过Quartz,那么你可能错过了一个很棒的任务调度框架!Quartz 提供了一种灵活.可靠的方式来管理和执行定时任务,让咱们的定时任务更加优雅.本篇文章将为 ...

  3. Java线程创建

    程序.进程.线程 程序:指令和数据的有序集合,静态 进程:程序的一次执行过程,动态,系统分配资源的单位 线程:一个进程可以包含多个线程,一个进程至少有一个线程,线程是CPU调度的基本单位 线程创建 三 ...

  4. 在IIS 搭建FTP站点

    最近在项目中需要用到FTP,需要将生成的文件通过FTP上传网站. 在此记录下. FTP SSL设置,需要允许SSL连接. FTP 身份验证,匿名身份验证需要启用. FTP 授权规则,如果没有特殊情况允 ...

  5. LeeCode 91双周赛复盘

    T1: 不同的平均值数目 思路:排序 + 双指针 + 哈希存储 public int distinctAverages(int[] nums) { Arrays.sort(nums); Set< ...

  6. 阿里云OSS服务 — 上传失败

    问题重现 使用PicGo + 阿里云对象存储搭建图床,一直都能够正常使用,在没有修改任何配置的情况下,上传图片一直失败. 出现如下错误: StatusCodeError: 403 - "&l ...

  7. SpringBoot @Target、@Retention、@Documented注解简介

    jdk1.5起开始提供了4个元注解:@Target.@Retention.@Documented.@Inherited.何谓元注解?就是注解的注解. 在程序开发中,有时候我们需要自定义一个注解,这个自 ...

  8. java项目 学生成绩管理系统 (源码+数据库文件)

    ​ 需要的私信我 备注来意:项目名称 来了就点个赞再走呗,即将毕业的兄弟有福了 文章底部获取源码 java项目  学生成绩管理 (源码+数据库文件)技术框架:java+springboot+vue+m ...

  9. SpringCloud导入spring boot项目当作子模块微服务IDEA不识别子module问题

    1.在父工程下面引入module. <modules> <module>study-design-mode</module> </modules> 2. ...

  10. class类 和 react类组件

     类的理解 1 // 创建一个person类 2 class Person { 3 /* */ 4 // 构造器方法 5 constructor(name, age) { 6 // this指向 =& ...