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

news2024/11/15 18:33:54

今天给大家推荐一些开源、美观的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.coloradmin.cn/o/811601.html

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

相关文章

Elastic Search 8.9:与 RRF 的混合搜索、更快的矢量搜索和面向公众的搜索端点

作者:Nick Chow, Dana Juratoni, Gilad Gal Elastic Search 8.9 引入了带有倒数排名融合 (RRF) 的混合搜索,以结合矢量、关键字和语义技术以获得更好的结果。 此版本还提高了矢量搜索和摄取的性能,响应时间加快了 30% 以上。 用户还可以通过新…

制作DBC文件

​​​​​​​ ​​​​​​​ ​​​​​​​ ​​​​​​​ ​​​​​​​ ​​​​​​​ DBC文件是CAN通讯的密码本,Matlab的SimuLink中常用DBC作为CAN通讯的解析桥梁 制作DBC文件,内容是转速、位置&…

爆肝!《Java 权威面试指南(阿里版)》,冲击“金九银十”有望了

这次金九银十你准备好了吗? 莫慌莫慌,“面试造火箭,工作拧螺丝” 说得不无道理,偶然从朋友那得到的这份 Alibaba 内部疯传《Java 权威面试指南(阿里版)》堪称精品,或可能助你一臂之力&#xff…

源码安装lighttpd

lighttpd是一个德国人领导的开源web服务器软件,其根本的目的是提供一个专门针对高性能网站,安全、快速、兼容性好并且灵活的webserver环境。具有非常低的内存开销、cpu占用率低、效能好以及丰富的模块等特点。 1、准备环境: yum -y install…

RabbitMQ 教程 | RabbitMQ 进阶

👨🏻‍💻 热爱摄影的程序员 👨🏻‍🎨 喜欢编码的设计师 🧕🏻 擅长设计的剪辑师 🧑🏻‍🏫 一位高冷无情的编码爱好者 大家好,我是 DevO…

动手学深度学习v2笔记 —— 线性回归 + 基础优化算法

二 动手学深度学习v2 —— 线性回归 基础优化算法 目录: 线性回归基础优化方法 1. 线性回归 总结 线性回归是对n维输入的加权,外加偏差使用平方损失来衡量预测值和真实值的差异线性回归有显示解线性回归可以看作是单层神经网络 2. 基础优化方法 梯度下降 小批量…

Qt/C++音视频开发50-不同ffmpeg版本之间的差异处理

一、前言 ffmpeg的版本众多,从2010年开始计算的项目的话,基本上还在使用的有ffmpeg2/3/4/5/6,最近几年版本彪的比较厉害,直接4/5/6,大版本之间接口有一些变化,特别是一些废弃接口被彻底删除了,…

Arcis中三维面转二维面

1、如何查看面是三维面 打开面属性表,查看SHAPE字段,是带“ZM”的就是三维面 不带”ZM“的就是二维面 2、三维面转二维面 在转换的过程中,通过设置环境下的参数,可以转换

(杭电多校)2023“钉耙编程”中国大学生算法设计超级联赛(3)

1005 Out of Control 先将序列a升序,然后离散化 比如说序列a为1000 1000 500 200 10,然后升序后为10 200 500 1000 1000,映射到从1开始的数,为1 2 3 4 4,此即为前缀最大值序列,比如说5 3 4 6 7的前缀最大值序列为5 5 5 6 7 动态规划 f[i][j]表示长度为i的前缀最大值序列中,j为…

leetcode 1005. K 次取反后最大化的数组和

2023.7.30 本题思路如下: 按绝对值大小将数组进行从大到小的排序。遍历数组,若当前元素为负数则修改其符号。遍历完之后,判断k是否为奇数,若为奇数,则还需要修改一次符号,此时修改绝对值最小的那个数的符号…

opencv顺时针,逆时针旋转视频并保存视频

原视频 代码 import cv2# 打开视频文件 video cv2.VideoCapture(inference/video/lianzhang.mp4)# 获取原视频的宽度和高度 width int(video.get(cv2.CAP_PROP_FRAME_WIDTH)) height int(video.get(cv2.CAP_PROP_FRAME_HEIGHT))# 创建视频编写器并设置输出视频参数 fourcc …

无涯教程-jQuery - Dropable移动函数

Drop-able 功能可与JqueryUI中的交互一起使用。此功能可在任何DOM元素上启用可放置功能。 Drop able - 语法 $( "#droppable" ).droppable(); Drop able - 示例 以下是一个简单的示例&#xff0c;显示了drop-able的用法- <html><head><title>…

【数理知识】刚体 rigid body 及刚体的运动

文章目录 1 刚体2 刚体一般运动1 平移运动2 旋转运动 Ref 1 刚体 刚体是指在运动中和受力作用后&#xff0c;形状和大小不变&#xff0c;而且内部各点的相对位置不变的物体。绝对刚体实际上是不存在的&#xff0c;只是一种理想模型&#xff0c;因为任何物体在受力作用后&#…

Java ~ Collection/Executor ~ DelayQueue【总结】

前言 文章 相关系列&#xff1a;《Java ~ Collection【目录】》&#xff08;持续更新&#xff09;相关系列&#xff1a;《Java ~ Executor【目录】》&#xff08;持续更新&#xff09;相关系列&#xff1a;《Java ~ Collection/Executor ~ DelayQueue【源码】》&#xff08;学…

【玩转Python系列】【小白必看】使用Python爬取双色球历史数据并可视化分析

文章目录 前言导入库![在这里插入图片描述](https://img-blog.csdnimg.cn/05ab496a2ac045e6ad0b175292462fac.png)发送请求给指定网址伪装自己发送请求并获取响应设置编码解析HTML并获取结果创建CSV文件并写入数据打印输出结果加载自定义字体绘制折线图完整代码 结束语 前言 本…

(学习笔记)matplotlib.pyplot模块下基本画图函数的整理

matplotlib版本&#xff1a;3.7.1 python版本&#xff1a;3.10.12 基本函数 matplotlib版本&#xff1a;3.7.1python版本&#xff1a;3.10.12 1. plt.plot()函数1.1 plt.plot(x, y)1.2 plt.plot(x, y, **kwargs) 2. plt.xlable(), plt.ylable()3. plt.title()4. plt.show()5.p…

Pytorch(二)

一、分类任务 构建分类网络模型 必须继承nn.Module且在其构造函数中需调用nn.Module的构造函数无需写反向传播函数&#xff0c;nn.Module能够利用autograd自动实现反向传播Module中的可学习参数可以通过named_parameters()返回迭代器 from torch import nn import torch.nn.f…

如何注册Ddns域名?用快解析新手也可以轻松搞定!

对于每一个上网的朋友来说&#xff0c;如果平时经常需要访问外网&#xff0c;就需要用到Ddns域名了&#xff0c;不过这个域名的注册比较麻烦&#xff0c;也没有那么容易&#xff0c;因此很多朋友对此也有很多的疑惑。那么&#xff0c;Ddns域名注册怎么操作呢&#xff1f;其实利…

直流电机的系统辨识——LZW

前言 本文采用基于最小二乘的线性辨识方法和基于Nonlinear ARX模型的非线性辨识方法对图1所示的直流电机进行系统辨识&#xff0c;并分别设计H∞控制器&#xff0c;分析比较控制效果。 图1 实验器材 目录 前言一、数据采集二、系统辨识1.最小二乘法&#xff08;线性辨识&#…

认识自动化测试

目录 简述 手动测试 自动化测试 测试类型 单元测试 集成测试 端到端测试&#xff08;E2E&#xff09; 快照测试 测试覆盖率 代码覆盖率 需求覆盖率 总结 自动化测试有以下几个概念&#xff1a; 单元测试集成测试E2E 测试快照测试测试覆盖率TDD 以及 BDD 等 简述 …