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

chatgpt/2023/9/26 13:54:20

今天给大家推荐一些开源、美观的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.exyb.cn/news/show-5312824.html

如若内容造成侵权/违法违规/事实不符,请联系郑州代理记账网进行投诉反馈,一经查实,立即删除!

相关文章

刷题day12

题目一 给定一个只包含正整数的数组arr,arr中任何一个子数组sub,一定都可以算出(sub累加和)*(sub中的最小值)是什么,那么所有子数组中,这个值最大是多少? 啊 假如说有这么一个数组 3 4 5 6 3 2…

PHP: 开发入门macOS系统下的安装和配置

安装Homebrew 安装 ~~友情提示:这个命令对网络有要求,可能需要翻墙或者用你的手机热点试试,或者把DNS换成(114.114.114.114 和 8.8.8.8) /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebr…

一份热乎乎的字节面试真题

一份热乎乎的字节面试真题 说说Redis为什么快 基于内存存储实现 内存读写是比在磁盘快很多的,Redis基于内存存储实现的数据库,相对于数据存在磁盘的MySQL数据库,省去磁盘I/O的消耗。 高效的数据结构 Mysql索引为了提高效率,选…

我总结的接地概念,为什么水泥大地是导体,为什么要接地,TT和TN供电系统等

我总结的接地概念,为什么水泥大地是导体,为什么要接地,TT和TN供电系统等 wxleasyland 个人参考网上资料理解的相关接地的问题,可能会有不对的地方,仅供参考。 主要参考了大神的:《浅谈接地》https://zhuan…

如何在面试IT公司时展现出色的表现

在面试IT技术岗位的过程中,展现出色的表现是至关重要的。下面我将分享一些我个人的经验和观察,希望对大家有所帮助。 首先,提前准备是非常重要的。在面试前,你应该充分了解目标公司的业务和技术需求。这样你就能更好地回答面试官…

vue2.x通过指令实现v-debounce和v-throttle防抖节流的实现,亲测可用。

在vue2.x中,防抖和节流一般是通过引入防抖函数debounce和节流函数throtte,对事件回调进行一层包裹,然后在模板中绑定包裹后的事件回调,这样每个需要用的地方都需要进行防抖,节流函数的导入,事件回调的包裹&…

解决kettle-8.3请求https时要校验ssl证书问题的httpclient-4.5.3.jar

作用 解决kettle-8.3请求https时要校验ssl证书问题的httpclient-4.5.3.jar 使用说明 直接使用下面的包替换kettle/lib中的包即可。 https://gitee.com/joshho/some-file/blob/master/httpclient-4.5.3.jar httpclient源码地址 https://archive.apache.org/dist/httpcomponent…

Vue3+Vue2表单点击加号实现多选效果(以逗号分割传递后端参数,及数据回显处理)

示图如下: 一、Vue3举例 嵌套在form表单,利用elment-ui行布局,将输入表单填充至内容区域<el-row type="flex" v-for="(domain, index) in dataForm.dataValue" :key&#
推荐文章