值得推荐的Blazor UI组件库

这篇具有很好参考价值的文章主要介绍了值得推荐的Blazor UI组件库。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

经常看到有小伙伴在DotNetGuide技术社区交流群里问有什么好用的Blazor UI组件库推荐的,本文将分享一些开源、实用、美观的Blazor UI组件库,提供给广大C#/.NET开发者们学习和使用(注意:排名不分先后,都是十分优秀的开源框架和项目💖)。这些框架都已收录到C#/.NET/.NET Core优秀项目和框架精选中,关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践,提高开发效率和质量。坑已挖,欢迎大家踊跃提交PR,自荐(让优秀的项目和框架不被埋没🤞)。

GitHub项目仓库收集地址:https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md

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 基金会项目,商业应用免费。

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

BootstrapBlazor

使用文档:https://www.blazor.zone/introduction

Gitee项目地址:https://gitee.com/LongbowEnterprise/BootstrapBlazor

项目介绍

BootstrapBlazor是一套基于 Bootstrap 和 Blazor 的企业级组件库,可以认为是 Bootstrap 项目的 Blazor 版实现。基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速开发项目带来非一般的感觉(喜欢Bootstrap风格的同学推荐使用)。

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

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 和修复。

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

MatBlazor

使用文档:https://www.matblazor.com/

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

项目介绍

MatBlazor是一套基于Material Design规范实现的Blazor和Razor通用组件库。

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

Blazorise

使用文档:https://blazorise.com/docs

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

项目介绍

Blazorise 是用于Blazor的 UI 组件库,支持使用Bootstrap、Tailwind、Bulma、Ant Design 和 Material 等 CSS 框架,可用于构建响应式的单页 Web 应用程序。

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

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 技术相结合,可以实现高效而灵活的单页应用程序开发。

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

Radzen Blazor

使用文档:https://blazor.radzen.com/

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

项目介绍

Radzen Blazor 是一个包含70多个免费的原生 Blazor UI 组件的集合,其中包括 DataGrid、Scheduler、Charts 等功能强大的组件,并提供了丰富的主题样式,包括 Material Design 和 FluentUI。可以将 Radzen Blazor 视为一个用于构建 Blazor 应用程序的 UI 框架,它提供了一系列预构建的组件和工具,帮助开发人员快速搭建和定制自己的应用程序界面。

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

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产品线也将一直使用,持续增加新功能

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

 

BlazorStrap

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

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

项目介绍

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

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

BlazorBootstrap

使用文档:https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8

GitHub项目地址:https://demos.blazorbootstrap.com/getting-started

项目介绍

企业级Blazor Bootstrap组件库,基于Blazor和Bootstrap CSS框架构建。

项目截图

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

值得推荐的Blazor UI组件库

DotNetGuide技术社区交流群

  • DotNetGuide技术社区是一个面向.NET开发者的开源技术社区,旨在为开发者们提供全面的C#/.NET/.NET Core相关学习资料、技术分享和咨询、项目推荐、招聘资讯和解决问题的平台。
  • 在这个社区中,开发者们可以分享自己的技术文章、项目经验、遇到的疑难技术问题以及解决方案,并且还有机会结识志同道合的开发者。
  • 我们致力于构建一个积极向上、和谐友善的.NET技术交流平台,为广大.NET开发者带来更多的价值和成长机会。

欢迎加入DotNetGuide技术社区微信交流群👪文章来源地址https://www.toymoban.com/news/detail-466280.html

 

到了这里,关于值得推荐的Blazor UI组件库的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 官宣!DevExpress Blazor UI组件,支持全新的.NET 8渲染模式

    DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验,这个UI自建库提供了一套全面的原生Blazor UI组件(包括Pivot Grid、调度程序、图表、数据编辑器和报表等)。 .NET 8为Blazor引入了令人兴奋的重大变化,统一了它的托管模型,并采用了服务器端渲

    2024年02月03日
    浏览(36)
  • 「实用分享」用界面组件Telerik UI for Blazor增强你的财务图表!

    Telerik UI for Blazor拥有110+个原生的、易于定制的Blazor UI组件和高性能网格组件,能节约一半的时间开发全新的Blazor应用程序并使传统web项目现代化,其中囊括了设计和生成工具等。Telerik UI for Blazor控件提供的控件,可轻松满足应用程序对数据处理、性能、用户体验、设计、可访

    2024年02月19日
    浏览(35)
  • uniapp官网中好用的ui组件推荐

    1.省市县地区选择器: https://ext.dcloud.net.cn/plugin?id=7065 效果图: 2.折叠面板: https://uniapp.dcloud.net.cn/component/uniui/uni-collapse.html 3.级联选择器: https://uniapp.dcloud.net.cn/component/uniui/uni-data-picker.html 效果如下: 4.日期选择器: https://uniapp.dcloud.net.cn/component/uniui/uni-datetime-picker.html#a

    2024年02月09日
    浏览(30)
  • 【Blazor之关于组件库Ant Design of Blazor组件样式的修改】

    例如:我们在使用Blazor框架时为了节省时间提升效率会使用到Ant Design of Blazor组件库。在使用过程中我们会根据需求去修改样式,但是由于组件库里面的样式基本上都是封装好的,要想达到自己所需的效果,这时候就需要我们去修改样式。本文就介绍一下我在使用Ant Design of

    2024年02月14日
    浏览(29)
  • Blazor UI库 Bootstrap Blazor 快速上手 (v7.5.7)

    最近组件库更新比较频繁,有些同学感觉有点迷茫,就着今天刚上了张老板一节课立马撸个新的上手教程回馈社区, ;- 增加主题样式表到 Pages/_Host.cshtml 文件中 删除 link rel=\\\"stylesheet\\\" href=\\\"css/bootstrap/bootstrap.min.css\\\" / 并在下面添加两行 添加 Javascript 引用到 Pages/_Host.cshtml 文件中 在

    2023年04月27日
    浏览(28)
  • C# Blazor 学习笔记(5):blazor文件夹组件引入

    为了更好的组件化管理整个文件,我选择使用分文件夹对项目组件进行分类。 Shared:Layout布局空间放置地方,由于默认创建,动也不好动,我就不动这个名称了,原本想改成Layout的 Pages:业务页面 Components:自定义组件文件 我创建了B_Col和B_Row两个组件。因为我怕我的命名和

    2024年02月14日
    浏览(31)
  • Blazor 简单组件(0):简单介绍

    Blazor 这个技术还是比较新,相关的UI组件还在完善,我这里提供一下我个人的组件开发。 本UI组件是基于BootstrapBlazor(以下简称BB)开发。 BootstrapBlazor 文档 C#小轮子:Visual Studio自动编译Sass文件 C# Blazor 学习笔记(12):css样式设置

    2024年02月13日
    浏览(36)
  • 各类值得收藏的开源项目推荐介绍

    对于测开同学来讲,现在想要开发一个项目,很多时候都不需要自己从零开始重复造轮子。目前市面上已经很多大佬们开源了一些非常不错的项目可以供大家学习借鉴使用,因此本篇文章为大家介绍搜集到的一些不错的项目,希望能帮助大家站在巨人的肩膀上前行,事半功倍

    2024年02月05日
    浏览(48)
  • 有哪些值得推荐的好用视频剪辑软件?

    首先,我们不管是工作需要,还是做自媒体,一款用着顺手的视频剪辑软件必不可少,经常看到很多人说我是小白,但又想学习视频剪辑,该如何选择适合自己的视频剪辑软件呢?看到抖音、小红书里面很多有意思的视频,自己也想剪辑试试,但又不知从何下手? 话不多说,

    2023年04月18日
    浏览(43)
  • 值得推荐的13款可视化软件,快收藏!

    数据可视化力求用图表结合的方式把所有的数据整合在某一图像上,这样呈现在观众眼前的画面不仅仅是美观,且比以往长篇大论或是密密麻麻的数据表格更直观易懂,更便于观察分析。到今年上半年为止,国内外已经有了很多发展的较好的数据可视化软件,接下来给大家一

    2024年02月04日
    浏览(24)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包