一套基于 Ant Design 和 Blazor 的开源企业级组件库

a08b5ed6a36c6743fe898b151e62ccf1.png

3c5f60d6d5e2e6281ff6fac9e2d297b8.jpeg

前言

今天大姚给大家分享一套基于Ant Design和Blazor的开源(MIT License)、免费的企业级组件库(喜欢Ant Design风格的同学推荐使用):Ant Design Blazor。

e74d2189747d4b9f2befbda1d3882b26.png

项目特性

  • 提炼自企业级中后台产品的交互语言和视觉风格。

  • 开箱即用的高质量 Blazor 组件,可在多种托管方式共享。

  • 支持基于 WebAssembly 的前端和基于 SignalR 的服务端 UI 即时交互。

  • 支持渐进式 Web 应用(PWA),数十个国际化语言支持。

  • 使用 C# 构建,多范式静态语言带来高效的开发体验。

  • 支持 .NET Core 3.1 以上所有版本(兼容 .NET Core 3.1 / .NET 5 / .NET 6 / .NET 7 / .NET 8),可直接引用丰富的 .NET 类库。

  • 基于 MIT 开源协议,.NET 基金会项目,商业应用免费。

  • 主流 4 款现代浏览器,以及 Internet Explorer 11+ (使用 Blazor Server)。

  • 可直接运行在 .NET MAUI、WPF、Windows Forms 等 Blazor 混合客户端环境中。

Blazor介绍

Blazor是一种新兴的Web应用程序框架,具有很大的潜力和发展前景。Blazor是在.NET和Razor上构建的用户界面框架,它采用了最新的Web技术和.NET框架优势,可以使用C# 编程语言编写Web 应用程序,它不仅可以提高开发效率,还可以提供更好的用户体验和更好的可维护性。

ASP.NET Core Blazor入门到实战教程

  • https://github.com/YSGStudyHards/DotNetGuide

9b9bddd41080e815d7d4f63427ca2dc8.png

组件库源代码

dc6338287cb2cc6ef26bc01203557bd4.png

组件库效果截图

6ef9a405e328070c57d3b24552871299.png 7de3f7a1af56428420c34800569aa735.png 8b01c6f5b180f016bff6f41958031f49.png 04597a26a6d1f80ead7978d8de69aaca.png 0902189d28cae2b89b18631a42af3af2.png 89d24ffe2aff7974726ff4b2df127beb.png 0d9696d3e0e62ad64d9c6c5e1aed537c.png 9ae422b9f8db8a7f8b0be2f927e764aa.png 0442c601dff7257f0e95b34099e60025.png 6e3f4478093ea80532bd6ac847e65d52.png 024c7d301e9c1d5229c0b20494bd29b4.png 6f57727ca85bfd738e3d9f278bf92c95.png 82dcbd349fd1f9dbf7a8625319577d24.png af26b7a73b88e80c725e9aab4883ef7a.png 59a591e3d00aaea9bfd4395bce07fbd6.png

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看👀,别忘了给项目一个Star支持💖。

  • GitHub开源地址:https://github.com/ant-design-blazor/ant-design-blazor

  • 在线使用文档地址:https://antblazor.com/zh-CN/docs/introduce

优秀项目和框架精选

该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中,关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践,提高开发工作效率和质量。坑已挖,欢迎大家踊跃提交PR推荐或自荐(让优秀的项目和框架不被埋没🤞)。

  • https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md

3313dab7f846f710cc1e7d950ce1311b.gif

ed1c61ce7a934c6b00c85e2b6af7626a.gif

739889f7e1fc6fad2f7ffc17978fe162.jpeg


学习是一个永无止境的过程,你知道的越多,你不知道的也会越多,在有限的时间内坚持每天多学一点,你一定能成为你想要成为的那个人。不积跬步无以至千里,不积小流无以成江河!!!

369704852640238b93982ec68f08e3fa.gif

See you next good day

8d6fef6f7f9d391804f19ce8704adffe.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Axure是一款用户体验设计工具,它可以让设计师在设计产品时快速、简单地构建交互原型。而Ant Design则是蚂蚁金服开源一套前端设计语言,是为了让开发人员更快地搭建出高质量的企业级页面而创建的。Axure Ant Design组件则是将这两者结合,提供了一系列基于Ant Design设计语言的Axure原型组件,以便于设计师更方便地构建交互原型。 Axure Ant Design组件包括了常用的表格、按钮、表单等UI元素,对于企业级产品设计而言十分方便实用。而且,Ant Design的设计风格非常现代化,符合现代互联网用户的审美,所以它在设计出的原型中,大大提高了用户的使用感受。使用Axure Ant Design组件的设计师可以在Axure软件中,直接拖拽这些组件,快速构建功能丰富、具有高度可交互性的原型,同时保持设计的一致性和稳定性。设计师只要将Axure Ant Design组件导入Axure软件,就可以轻松地实现高效快速的原型设计,提高了设计和开发的效率。 总之,Axure Ant Design组件在原型设计和开发过程中,为设计师和开发人员提供了非常大的便利,减少了开发过程中可能出现的沟通问题,增强了设计和开发之间的协作性,同时提高了产品的设计质量和用户体验。 ### 回答2: Axure是一款流行的原型设计工具,它的原型设计能力和交互设计能力广受好评。而Ant Design是一款集成了一系列易用的UI组件的UI框架,这个框架有助于提高开发人员的工作效率和设计人员的设计质量。在这两个强大的工具结合起来之后,我们就得到了Axure Ant Design组件。 Axure Ant Design组件是一组Ant Design UI组件的Axure版,这些组件在Axure中使用起来十分简单,你只需要将它们添加到Axure画板上就可以容易地创建出高质量的用户交互原型。Axure Ant Design组件中包含了各种类型的组件,包括按钮、输入框、表格、菜单、面包屑、浏览器视图等等,基本上能够满足设计师和开发者日常的所需。 另外,Axure Ant Design组件还支持各种交互效果,例如按钮按下、弹出框嵌入、输入框验证等等,经常使用的这些交互效果可以大大提高样品的可演示性,同时也可以更好的帮助用户理解交互设计的细节。 总之,Axure Ant Design组件是一种非常强大的UI和交互设计工具,不仅方便了设计师和开发人员的工作,还为用户的使用体验提供了不小的优化。 ### 回答3: Axure Ant Design组件是一种网页设计工具,它能够在设计网页时提供各种设计组件的支持。AXure是Ant Design组件的一部分,它为设计师提供了一些功能强大的设计工具。通过使用这些工具,设计师们可以更加方便和有效地创建Web页面的原型。而Ant Design组件则是由蚂蚁金服公司开发的一套前端组件Ant Design组件包含了诸多组件,如按钮、表单等等,能够帮助设计师快速、准确地搭建网页和管理网页的各个组成部分。这些组件的设计灵感来源于中国传统文化和现代设计潮流,使得网页设计更加符合现代用户的审美需求。在使用Axure Ant Design组件时,设计师们可以根据自己的需求自由组合这些组件,以便构建出各种各样的网页设计原型。因此,Axure Ant Design组件是当前非常流行的网页设计工具之一,它可以帮助设计师们打造出精美的网页设计,使得用户能够更好地体验网页内容,从而提升网站的营销效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值