开源Blazor UI组件库精选:让你的Blazor项目焕然一新!

今天给大家推荐一些开源、美观的Blazor UI组件库,这些优秀的开源框架和项目不仅能够帮助开发者们提高开发效率,还能够为他们的项目带来更加丰富的用户体验。

注:排名不分先后,都是十分优秀的开源框架和项目

​Ant Design Blazor

Ant Design Blazor 是一个基于 Blazor 的前端 UI 组件库,它是 Ant Design 的一个实现。它提供了一套开箱即用的高质量 Razor 组件,可以用于多种托管方式共享。Ant Design Blazor 支持基于 WebAssembly 的客户端和基于 SignalR 的服务端 UI 事件交互,支持渐进式 Web 应用(PWA),使用 C# 构建,多范式静态语言带来高效的开发体验。它基于 .NET Standard 2.1/.NET 5/.NET 6,可直接引用丰富 .NET 类库,并且可以与已有的 ASP.NET Core MVC、RazorPages 项目无缝集成。Ant Design Blazor 的样式修改可以在组件中通过添加 style 属性完成,一般组件都能在 style 中添加样式的宽高属性完成对样式的修改。

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

MASA.Blazor

MASA.Blazor 是一个 Blazor 的 UI 组件库,它为 Blazor 开发人员提供了了一系列丰富、高质量、Vuetify 1:1还原的基础组件,以便于在 Web 应用开发中快速构建界面。这些组件包括按钮、表单、表格、模态框、菜单、分页、上传,以及很多实用的预置组件和.Net深度集成功能,包括Url、面包屑、导航三联动,高级搜索,i18n等。

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

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

Element-Blazor

Element-Blazor 是一个基于 Blazor 的 UI 组件库,它提供了与 Element 相似的 API 和样式,可以帮助开发人员更快速地构建现代 Web 应用程序。

项目地址:https://github.com/Element-Blazor/Element-Blazor

在这里插入图片描述
在这里插入图片描述

BootstrapBlazor

BootstrapBlazor

Bootstrap Blazor是一个基于Bootstrap的Blazor UI组件库,提供了丰富的UI组件和交互体验,可以帮助开发者快速构建高质量的Web应用程序。Bootstrap Blazor的设计风格简洁、美观,同时也非常实用,可以满足各种不同的需求。

项目地址:https://github.com/dotnetcore/BootstrapBlazor

在这里插入图片描述
在这里插入图片描述

MudBlazor

一个基于Blazor的前端UI组件库MudBlazor,它可以为.NET开发人员提供支持并充分利用 Blazor 提供的功能。使用MudBlazor,您可以创建出色的应用程序,而无需掌握HTML,CSS和JS,并将您的技能集中在C#上。MudBlazor支持使用.NET 6和.NET 7。在GitHub上的Star数超过了4000。

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

在这里插入图片描述

MatBlazor

MatBlazor是一套基于Material Design规范实现的Blazor和Razor通用组件库。它提供了丰富的UI组件和交互体验,可以帮助开发者快速构建高质量的Web应用程序

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

在这里插入图片描述
在这里插入图片描述

Blazorise

Blazorise是一个建立在Blazer之上的组件库,支持CSS框架,如Bootstrap,Tailwind,Bulma,AntDesign和Material。

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

在这里插入图片描述
在这里插入图片描述

fluentui-blazor

Fluent UI Blazor 是 Microsoft 提供的开源 Blazor 组件库,旨在帮助您创建符合 Fluent UI 设计语言的 Web 应用程序。Fluent UI 是 Microsoft 的通用设计语言,用于创建美观、一致和易用的用户界面。

Fluent UI Blazor 提供广泛的组件,包括按钮、输入框、列表、表格等。Fluent UI Blazor 还提供了一个强大的主题系统,使您可以轻松自定义您的应用程序的外观。

官网地址:https://www.fluentui-blazor.net/
开源地址:https://github.com/microsoft/fluentui-blazor

Radzen Blazor

一组 70+ 免费和开源的原生 Blazor UI 控件。Radzen Blazor 组件是开源的,可免费用于商业用途。可以从 NuGet 安装它们,也可以从源代码生成自己的副本。

这些组件使用 C# 实现,并充分利用 Blazor 框架。它们不依赖于或包装现有的JavaScript框架或库。完全支持 Blazor Server 和 Blazor WebAssembly。

项目地址:https://github.com/radzenhq/radzen-blazor

在这里插入图片描述
在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SpringBoot实现数据库读写分离

SpringBoot实现数据库读写分离 参考博客https://blog.csdn.net/qq_31708899/article/details/121577253 实现原理:翻看AbstractRoutingDataSource源码我们可以看到其中的targetDataSource可以维护一组目标数据源(采用map数据结构),并且做了路由key与目标…

小红书2023“家生活”趋势白皮书

关于报告的所有内容,公众【营销人星球】获取下载查看 核心观点 近年来,年轻人与家的关系愈发紧密。 在小红书上,我们观察到了家居家装内容的蓬勃生长,3 年来相关内容的笔记规模增长了6倍,相关品类的搜索量增加的 3.…

大数据_Hadoop_Parquet数据格式详解

之前有面试官问到了parquet的数据格式,下面对这种格式做一个详细的解读。 参考链接 : 列存储格式Parquet浅析 - 简书 Parquet 文件结构与优势_parquet文件_KK架构的博客-CSDN博客 Parquet文件格式解析_parquet.block.size_davidfantasy的博客-CSDN博…

爆肝整理,性能测试-Jmeter测试+性能测试报告生成(超细整理)

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 Jmeter执行原理 …

《吐血整理》进阶系列教程-拿捏Fiddler抓包教程(16)-Fiddler如何充当第三者再识AutoResponder标签-上

1.简介 Fiddler充当第三者,主要是通过AutoResponder标签在客户端和服务端之间,Fiddler抓包,然后改包,最后发送。AutoResponder这个功能可以算的上是Fiddler最实用的功能,可以让我们修改服务器端返回的数据&#xff0c…

ES6 - generator和async函数

一、前言 ES6 诞生以前,异步编程的方法,大概有下面四种。 回调函数事件监听发布/订阅Promise 对象 回调函数本身并没有问题,它的问题出现在多个回调函数嵌套会造成回调地狱,非常不利于代码的维护和逻辑混乱等问题; …

java linq多字段排序时间比较

public static void main(String[] args) {//100万条数据List<CrmInvestSaleUserCount> waitAssignUserList new ArrayList<>();for (int i 0; i < 1000000; i) {waitAssignUserList.add(new CrmInvestSaleUserCount().setSales_username("test" i…

C++stack_queue

stack_queue 容器适配器stack详解栈适配器栈模拟实现 队列详解队列适配器queue模拟实现 容器适配器 除了顺序容器外&#xff0c;标准库还定义了三个顺序容器适配器:stack(栈),queue(队列),priority_queue(优先队列)。适配器是标准库中的一个通用概念。容器&#xff0c;迭代器和…

非凸科技受邀参加中科大线上量化分享

7月30日&#xff0c;非凸科技受邀参加由中国科学技术大学管理学院学生会、超级量化共同组织的“打开量化私募的黑箱”线上活动&#xff0c;分享量化前沿以及求职经验&#xff0c;助力同学们拿到心仪的offer。 活动上&#xff0c;非凸科技量化策略负责人陆一洲从多个角度分享了如…

Vue基本语法

1. 官网&#xff1a; Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org) 一、示例代码 如下代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible&q…

骨传导耳机什么牌子好?盘点最受欢迎的几款骨传导耳机

骨传导耳机最近一两年越来越受欢迎&#xff0c;市场上不同形态的非入耳式耳机都有&#xff0c;从骨传导&#xff0c;夹耳式到气传导等等都有。骨传导耳机的好处有很多&#xff0c;非入耳式&#xff0c;不伤耳朵&#xff0c;佩戴更舒适更安全。但是一直以来&#xff0c;骨传导耳…

Qt 中引入ffmpeg 动态库

1、前期准备 在qt引入ffmpeg动态库的时候&#xff0c;需要准备ffmpeg的动态库和头文件。 2、打开qt项目 在qt项目的.pro文件中添加以下几行代码 INCLUDEPATH $$PWD/thirtLib/ffmpeg4.2/include win32: LIBS -L$$PWD/thirtLib/ffmpeg4.2/lib/ -lavcodec -lavdevice -lavf…

【SQL应知应会】表分区(三)• Oracle版

欢迎来到爱书不爱输的程序猿的博客, 本博客致力于知识分享&#xff0c;与更多的人进行学习交流 本文收录于SQL应知应会专栏,本专栏主要用于记录对于数据库的一些学习&#xff0c;有基础也有进阶&#xff0c;有MySQL也有Oracle 分区表 • Oracle版 前言一、分区表1.什么是表分区…

搞个个人博客,纯学习想找个纯html模板咋就这难

以前做毕业设计的时候老想找一些不掺杂后端代码的前端模板。 可是下载下来&#xff0c;不是php就是python后台的。看又看不懂&#xff0c;想换语言就必须先把里面的后台代码拿掉。 就很像买了个精装的二手房&#xff0c;白白多花了砸墙钱。 就比如&#xff0c;想做个带菜单的…

Spring Boot集成Swagger3.0,Knife4j导出文档

文章目录 Spring Boot集成Swagger3.0,Knife4j导出文档效果展示如何使用简要说明添加依赖添加配置类测试接口token配置位置 官网 说明情况 demo Spring Boot集成Swagger3.0,Knife4j导出文档 效果展示 如何使用 简要说明 Knife4j的前身是swagger-bootstrap-ui,前身swagger-boo…

区块链实验室(14) - 编译FISCO-BCOS

FISCO-BCOS是一种区块链平台&#xff0c;与Hyperledger和Ethereum有些不同&#xff0c;详见FISCO BCOS 区块链 编译FISCO BCOS源码的目的是修改或者新增其中功能模块&#xff0c;进行对比实验&#xff0c;验证新想法、新创意的效果。编译的步骤很简单&#xff0c;按技术文档一…

stl_vector类(使用+实现)(C++)

vector 一、vector-简单介绍二、vector的常用接口1.常见构造2.iterator的使用3.容量操作4.增删查改操作5.迭代器失效问题6.动态二维数组 三、vector实现1.vector类重要的方法实现分析介绍(1)、涉及memcpy深浅拷贝问题(2)、成员变量 2.vector类整体实现代码 四、vector< char…

LUN映射出错导致写操作不互斥的服务器数据恢复案例

服务器数据恢复环境&#xff1a; 某公司的光纤SAN存储系统&#xff0c;6块硬盘组建一组RAID6&#xff0c;划分若干LUN&#xff0c;MAP到不同的SOLARIS操作系统服务器上。 服务器故障&分析&#xff1a; 由于业务增长需要新增应用&#xff0c;工作人员增加了一台IBM服务器&am…

uniapp小程序,根据小程序的环境版本,控制的显页面功能按钮的示隐藏

需求&#xff1a;根据小程序环境控制控制页面某个功能按钮的显示隐藏&#xff1b; 下面是官方文档和功能实现的相关代码&#xff1a; 实现上面需要&#xff0c;用到了uni.getAccountInfoSync()&#xff1a; uni.getAccountInfoSync() 是一个 Uniapp 提供的同步方法&#xff0c…

ArcGIS、ENVI、InVEST、FRAGSTATS等多技术融合提升环境、生态、水文、土地、土壤、农业、大气等领域的数据分析

一、 空间数据获取与制图 1.1 软件安装与应用讲解 1.2 空间数据介绍 1.3海量空间数据下载 1.4 ArcGIS软件快速入门 1.5 Geodatabase地理数据库 二、 ArcGIS专题地图制作 2.1专题地图制作规范 2.2 空间数据的准备与处理 2.3 空间数据可视化&#xff1a;地图符号与注记 …