react js框架(几款ReactJS最优秀的UI框架)
react js框架(几款ReactJS最优秀的UI框架)
2024-06-29 09:23:54  作者:爷独愛你  网址:https://m.xinb2b.cn/know/dlb363168.html

上篇文章中写了流行的前端UI几大框架,发现大部分评价都是Vue的UI组件库,从评论中得知漏掉了很多,也有人问React ui,自己就搜索总结下适应于ReactJS的UI组件库。

一.Material-UI

react js框架(几款ReactJS最优秀的UI框架)(1)

Material-UI是一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。使用它可以快速搭建出赏心悦目的应用界面。

英文文档:https://material-ui.com

中文文档:http://design.1sters.com

Github: https://github.com/mui-org/material-ui

二.React-Bootstrap

react js框架(几款ReactJS最优秀的UI框架)(2)

React-Bootstrap是可重用的前端组件库。React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的库。

官网:https://react-bootstrap.github.io

中文文档: http://react.tgwoo.com

Github: https://github.com/react-bootstrap/react-bootstrap/

三.Ant-design

react js框架(几款ReactJS最优秀的UI框架)(3)

提到Ant-design,大家可能会想前段时间的出现的‘圣诞彩蛋’事故。Ant-design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高,开箱即用。

官网:https://ant.design/docs/react/introduce-cn

Github: https://github.com/ant-design/ant-design/

四.SemanticUI

react js框架(几款ReactJS最优秀的UI框架)(4)

Semantic UI 是一款非常优秀的前端开发框架。它在用户体验的设计上与Bootstrap和Foundation相比,更胜一筹。集成了很多很漂亮的UI模块,能够使网页制作更加高效和美观。

官网:https://semantic-ui.com

Github: https://github.com/semantic-org/semantic-ui/

五.React Desktop

react js框架(几款ReactJS最优秀的UI框架)(5)

一款面向MacOS Sierra和Windows10桌面风格的ReactUI组件库。React-Desktop是跨平台桌面应用程序的 UI 组件,可以在上面找到 Mac OS 和 Windows 10 的均可用 UI 组件。官网:http://reactdesktop.js.org/docs/

Github: https://github.com/gabrielbull/react-desktop

六.Blueprint

react js框架(几款ReactJS最优秀的UI框架)(6)

Blueprint提供了一系列ReactUI组件,这些组件包含常用的元素、模式和Web交互。它适用于为桌面应用构建复杂且数据密集型的Web界面。它的组件使用TypeScript编写,并以Sass编写样式风格,以实现快速且灵活的开发流程。

官网:https://apiblueprint.org

Github: https://github.com/gabrielbull/react-desktop

七.Fabric

react js框架(几款ReactJS最优秀的UI框架)(7)

Fabric是一款用于构建类似Office和Office 365风格的React组件库。是官方用TypeScript编写的Office库之一。有所有你能见到的Office组件,包括开发入门指南、博客、官方色调以及字体等。官网:https://fabric-chs.readthedocs.io/zh_CN/chs/

Github: https://github.com/fabric/fabric/

八.Rebass

react js框架(几款ReactJS最优秀的UI框架)(8)

Rebass 它包含60个组件,是一个UI库及UI设计系统。官网:https://rebassjs.org

Github: https://github.com/rebassjs/rebass

九.amaze UI (不维护了)

react js框架(几款ReactJS最优秀的UI框架)(9)

image

Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架

官网地址:http://amazeui.org/

Github: https://github.com/zordius/lightncandy

十.ReactGrommet

react js框架(几款ReactJS最优秀的UI框架)(10)

屏幕快照 2019-01-21 下午2.46.32.png

Grommet是一个非常强调体验的的React组件库,所有组件都可访问,具备跨浏览器兼容性且支持主题定制。通过对属性的配置,组件的灵活性也可以进一步提高

官网地址:https://v2.grommet.io

Github: https://github.com/grommet/grommet

目前React是如今流行的前端技术,而React最棒的一个特点就是有大量功能丰富的组件库和开发框架可用。以上是适合React的UI组件库,如有遗漏,请评论告知!谢谢!

作者:honey缘木鱼

链接:https://www.jianshu.com/p/87ec34e59891

來源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

  • 双面谁唱的(双面艺人到底有多疯狂)
  • 2024-06-30双面艺人到底有多疯狂大家好,我是笙笙最近真是要热疯人,明天终于就要下雨了8月4日,央视文艺删除了一条有关蔡依林的微博原因大家都清楚,在佩洛西窜访台湾的敏感时刻,不少爱国艺人纷纷转发#只有一个中国#表达自己的立场,支持祖国。
  • 延禧攻略里高贵妃怎么死的 延禧害死高贵妃的
  • 2024-06-30延禧攻略里高贵妃怎么死的 延禧害死高贵妃的《如懿传》早已大结局了,看到结尾卫嬿婉恶有恶报才算是狠狠出了一口恶气,可惜如懿痴心错付,曾以为他能为自己遮风挡雨,不曾想狂风暴雨都是他带来的剧中乾隆得知卫嬿婉犯下的种种恶行后,赐给她“牵机药”,这里在。
  • 唐朝李隆基的历史评价(从唐朝诡事录看历史上的李隆基)
  • 2024-06-30从唐朝诡事录看历史上的李隆基《唐朝诡事录》竟然这么快就完结了,还没看够怎么办,可以催下一季吗?作为唐朝粉,一边追剧,一边给观众们普及历史小知识,我可是很勤快呢前面分析了唐朝的地方官名,外国人在唐朝做官,本文再分析剧中的另外一大看。
  • 吃鸡蛋好处与坏处(不可不知吃鸡蛋的益处)
  • 2024-06-30不可不知吃鸡蛋的益处鸡蛋的营养价值也是非常高的,而且我们大家在生活中,可能很多人都特别喜欢吃鸡蛋,可是大家知道他经常吃鸡蛋的一些好处在哪里的呢?我们大家就应该来了解不可不知道的一些鸡蛋的益处胆固醇是维护人体健康所必需的营。
  • 奥运会历史奖牌榜演变(奥运会历史奖牌榜)
  • 2024-06-30奥运会历史奖牌榜▲东奥特别节目《wassai》遭到了网友的疯狂吐槽当地时间7月23日,东京奥运会开幕式正式启动,在经历了新冠疫情、延期举办等磨难后,终于按照原定延期的期限顺利开办不过此届奥运会可能将成为近年来最差的奥。
  • 雪姨搞怪(毫无违和感演绎嘻哈版和民国版)
  • 2024-06-30毫无违和感演绎嘻哈版和民国版王琳,一个实力派演员,因为塑造的《情深深雨蒙蒙》“雪姨”的形象而红遍中国,而这个角色让人又气又恨虽然这部剧已经有点久远可是雪姨的角色早已深入人心,甚至我们至今还能在网上看到被制作成的雪姨表情包和关于用。
  • 雪里红种植方法与时间(雪里红种植方法与时间)
  • 2024-06-30雪里红种植方法与时间雪里红是芥菜的变种,又叫做辣菜,雪菜,春不老,是药食兼用的蔬菜,人们种植雪里红常用来做腌菜,雪里红腌制后会有特殊鲜味以及香味,食用可以开胃,增进食欲,深得人们喜爱,因此很多地区都有种植雪里红下面就给大。
  • 慢性肾病的6个早期症状(这8个常见症状竟是肾病的早期信号)
  • 2024-06-30这8个常见症状竟是肾病的早期信号肾脏,是人体最重要的代谢器官,默默无闻地为机体健康保驾护航,即使它受到了伤害,也往往没有什么太大的反应甚至,在出现任何不适症状之前,一个人最多可能会丧失90%的肾功能!如果未对肾脏疾病予以足够重视,它。
  • 情侣第一次接吻是什么体验(说说第一次接吻是什么感觉)
  • 2024-06-30说说第一次接吻是什么感觉相信很多人和我一样,第一次接吻对象肯定是初恋我读高中的时候才开始恋爱的,记得那天晚自习后跟平常一样约会走在学校的操场大树下乌漆麻黑的,只能看见月光下她微亮的身影她没说话一直看着我,我特么又没经验紧张的。
  • 叠怎么读(汉字叠怎么读)
  • 2024-06-30汉字叠怎么读拼音:dié(声母d,韵母ie,读第四声)一层加上一层;重复:重叠折叠(衣被、纸张等):把信叠好装在信封里折叠[zhédié]把物体的一部分翻转和另一部分紧挨在一起叠韵[diéyùn]汉语里,两个相连。