react js框架(几款ReactJS最优秀的UI框架)
react js框架(几款ReactJS最优秀的UI框架)
2024-11-21 10:17:31  作者:爷独愛你  网址:https://m.xinb2b.cn/life/dlb363168.html

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

一.Material-UI


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-Bootstrap是可重用的前端组件库。React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的库。

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

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

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

三.Ant-design


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

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

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

四.SemanticUI


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

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

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

五.React Desktop


一款面向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


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

官网:https://apiblueprint.org

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

七.Fabric


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

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

八.Rebass


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

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

九.amaze UI (不维护了)


image

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

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

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

十.ReactGrommet


屏幕快照 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-11-22夏至过后要学会忌嘴夏至节气刚刚过去,马上就是盛夏,进入一年当中最热的三伏天流汗量强,补水量差,任凭你是身体强健的年轻人,或是知识渊博的老年人,碰到这种情况可能也会头晕目眩,浑身乏力尤其是上了年纪的人,更应该学会忌口,夏。
  • ins小众英文名字(好听又小众的英文名)
  • 2024-11-22好听又小众的英文名(Chris)克丽丝——比较男性化的英文单词,运用在女生英文名中算得上比较少众的一种因为,女孩子提取“chris”作为自己的名字,不是很好的彰显出女性阴柔之美的气质特点所以,很少女生运用“chris”。
  • 老年人吃了清淡食物好吗(清淡饮食身体好少生病)
  • 2024-11-22清淡饮食身体好少生病有些人喜欢吃烧烤、火锅等重口味的食物,这些食物确实是好吃,但过多的食用会给身体带来一定的负担而有部分人喜欢吃清淡的饮食,也就是少盐、少辣等,控制油脂的摄入量如今的食物种类是越来越多,在享受这些美食的同。
  • 人工选育高产奶牛(山东高产奶牛诞生记)
  • 2024-11-22山东高产奶牛诞生记齐鲁网·闪电新闻10月9日讯2020年,我国乳制品市场规模已达到6386亿,乳制品消费强劲然而,目前我国平均每头奶牛的产奶量低于发达国家4吨之多,优质奶牛种质高度依赖进口,奶牛遗传质量仍存在差距“如何。
  • 5岁小孩如何在家练平衡(小朋友用这些方法把平衡练好)
  • 2024-11-22小朋友用这些方法把平衡练好最近因为疫情,孩子们都长时间呆在家里,父母们一定想让孩子们在家里也锻炼锻炼身体前一阵我在朋友圈看到不少朋友让孩子在家里跳绳或者拍球跳绳、拍球这类运动都有个问题,就是在家里玩肯定扰民非常时期,邻居估计都。
  • 汕头现代产业体系图(解码汕头产业发展背后的金融力量)
  • 2024-11-22解码汕头产业发展背后的金融力量奋楫争先立潮头,勇当创新先行者党的十八大以来,我国经济呈现出较强的发展韧性,长期向好的基本盘较为稳定汕头银行业、保险业破藩篱、激活力,深化供给侧结构性改革,防范化解金融风险攻坚战取得较好成果,紧跟国家。
  • 18年前的塞尔达传说游戏解说(游戏界轰动一时的)
  • 2024-11-22游戏界轰动一时的前言游戏界从来不乏各式各样的趣闻,有故事、有彩蛋,当然也不乏一些异闻和怪谈“塞尔达闹鬼事件”当然只是其中之一而已,不过随着塞尔达传说:荒野之息在国内大火,这件事情似乎又被挖了出来​不过问题就在于,大量。
  • 骆驼祥子的主旨(关于骆驼祥子的主旨)
  • 2024-11-22关于骆驼祥子的主旨《骆驼祥子》主要讲述的是老北京人力车夫的辛酸故事本文痛斥了压迫人民的无德之人,揭露了黑暗的旧社会对淳朴善良的劳动者所进行的剥削、压迫,控诉了旧社会活生生把人“变”成鬼的罪恶,表达了作者对劳动人民的深切。
  • 鸭头怎么弄比较好吃(鸭头自从学会这做法)
  • 2024-11-22鸭头自从学会这做法众所周知,啤酒是热天的好搭档,尤其是工作忙碌了一天,下班回到家后,来上一瓶啤酒真是消暑又解压不过啤酒虽好,但没有下酒菜的“助兴”,喝起来也没啥滋味;这说到啤酒的下酒菜,那种类可丰富了,什么酒鬼花生、卤。
  • 一汽大众新suv揽巡 发布(一汽大众全新SUV发布)
  • 2024-11-22一汽大众全新SUV发布8月29日,一汽大众发布全新大五座SUVTavendor,而中文命名为揽巡新车应用多条横向格栅,以保持家族化设计元素,而Logo呈现出光效,让人看着更显科技据已知参数,新车三围4936/2015/17。
  • 排骨怎样做(排骨做法大全)
  • 2024-11-22排骨做法大全红烧排骨材料:排骨500克辅料:葱白1根,香叶2片,姜一小块,蒜4瓣,桂皮1块,大料1块,盐1小勺,冰糖适量,酱油1勺,食用油1勺,凉水适量,开水适量(1)排骨凉水下锅,不盖锅盖煮开用凉水是为了将排骨。