首页 > 其他分享 >开源Blazor UI组件库精选:让你的Blazor项目焕然一新!

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

时间:2024-05-22 22:59:06浏览次数:33  
标签:开源 UI https 组件 Blazor com NET

今天给大家推荐一些开源、美观的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

 

 

DotNet宝藏库

微信公众号

专注.NET 和C#技术传播,免费无套路分享.NE
————————————————

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/sd2208464/article/details/132006747

标签:开源,UI,https,组件,Blazor,com,NET
From: https://www.cnblogs.com/webenh/p/18207303

相关文章

  • Wpf UI框架 MaterialDesign 的使用记录
    近期公司有桌面客户端的开发需求,并且对样式和界面反馈有一定的要求,对比各种开源UI框架后确认使用MaterialDesign。1、引入框架MaterialDesignThemes,注意下对应的版本号,我用的2.6.0的。原因嘛视频教程就是这个版本。  2、App.xaml中引用样式文件注释下面的可以先不用加,后面......
  • 全局设置element-ui Dialog组件的close-on-click-modal属性为false
    前言element组件库的Dialog对话框默认可以通过点击modal关闭Dialog,即点击空白处弹框可关闭。属性  importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'//默认主题//全局修改默认配置,点击空白处不能关闭弹窗ElementUI.Dialog.......
  • element ui 动态表头不刷新问题
    今天弄vue前端,动态表头出现如题问题。代码如下<el-table-columnv-for="(item,index)intableHeads":key="index"><templateslot="header">//处理表头业务逻辑……<div>{{item.num}}</div></template></el-table-column>......
  • .NET下免费开源的PDF类库(PDFSharp)
    前言目前.NET体系下常见的PDF类库有Aspose、QuestPDF、Spire、iTextSharp等,有一说一都挺好用的,我个人特别喜欢QuestPDF它基于C#FluentAPI提供全面的布局引擎;但是这些库要么属于商业库价格不菲(能理解收费),但是年费太贵了。要么是有条件限制开源的,如Spire开源版本有各种限制。i......
  • vue搭建脚手架 出现问题Command vue init requires a global addon to be installed.
    使用vue-cli脚手架命令vueinitwebpackmy-App创建项目回车时显示Commandvueinitrequiresa global addontobeinstalled.Pleaserun yarn globaladd@vue/cli-initandtryagain. 解决方法:npminstall-g@vue/cli-init 然后创建项目,正常。 ......
  • Github:开源世界的支柱
            GitHub是一个基于Git的版本控制和协作平台,于2008年推出。它不仅提供了强大的源代码管理功能,还集成了丰富的协作工具,如问题跟踪、代码评审、项目管理等。无论是个人项目还是大型企业级项目,GitHub都能提供高效的解决方案。什么是Github?        在现代软......
  • 使用安卓片段创建动态-UI-全-
    使用安卓片段创建动态UI(全)原文:zh.annas-archive.org/md5/483E44769E1E47CD0C380E136A5A54D5译者:飞龙协议:CCBY-NC-SA4.0前言移动应用静态用户界面挤在微小屏幕上的日子已经一去不复返了。如今,用户期望移动应用是动态且高度交互的。他们希望在中分辨率智能手机上查看应用......
  • duilib 自定义控件
    1.主窗口自定义FramWnd继承WindowImplBase,重写CreateControl,HandleMessage.组合CPaintManagerUI.2.自定义控件自定义mycontrol继承CControlUI重写DoEvent,DoPaint,SetPos.main.cpp#include"FramWnd.h"intAPIENTRYWinMain(HINSTANCEhInstance,HINSTANCE/*hPrev......
  • 《安富莱嵌入式周报》第337期:超高性能信号量测量,协议分析的开源工具且核心算法开源,工
    周报汇总地址:http://www.armbbs.cn/forum.php?mod=forumdisplay&fid=12&filter=typeid&typeid=104 视频版:https://www.bilibili.com/video/BV1PT421S7TR/目录1、一款超高性能信号量测量,协议分析的开源跨平台上位机工具ngscopeclient,核心算法全开源2、ST推出面向工业安全......
  • Serilog日志输出到WPF UI控件
    使用到日志接收器的接口 ILogEventSinkWPF+Prsim+Serilog详细介绍链接 https://github.com/serilog/serilog/wiki/Developing-a-sink   publicinterfaceILogEventSinkWrite:ILogEventSink{LogEventGetLogMessage();}publicclassLogEventSink:I......