返回
react js框架（几款ReactJS最优秀的UI框架）
react js框架（几款ReactJS最优秀的UI框架）
2024-06-30 04:40:26  作者:爷独愛你  网址:https://m.xinb2b.cn/life/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大蒜种植到底怎么催芽大蒜是一种比较常见的调味品，也是一种非常普通的农作物许多农户都会种上一两畦，自己吃点新鲜的蒜苗也好，长一点蒜头也罢，都会比较方便但是在大蒜的种植过程中，经常会遇到一个问题就是大蒜的出苗问题很多时候种植。
  • 突击英雄遗落古城怎么打（突击英雄全新龙骑兵副本）
  • 2024-06-30突击英雄全新龙骑兵副本废都觅踪为龙骑兵模式的第3个大型副本，剧情的推进更加紧张刺激，当然玩家需要打倒的怪物更加的强大庞大的地图，更加丰富的玩法，新的副本中除了打怪练级，玩家还需要保护偶遇的异都幸存者，为了打开通路去各处收集。
  • 焖子的制作方法（制作焖子的步骤）
  • 2024-06-30制作焖子的步骤500克地瓜淀粉，用2000克水浸泡浸泡至少4个小时以上，最好是一夜，泡透第二天早上，淀粉沉淀，搅拌均匀锅中放入200克左右的水，最好不要超过500克，比例不要超过1：5水烧开后倒入淀粉浆，然后边加热。
  • 女装天猫入驻条件及费用是什么（在进行女装天猫店铺转让时）
  • 2024-06-30在进行女装天猫店铺转让时《女装天猫店铺转让的程序和步骤》在进行女装天猫店铺转让时，需要按照以下步骤进行：第一，确定转让方和收购方在确定转让方和收购方后，双方需签署书面协议，约定转让价格、付款方式、交付时间等第二，核实本息清单。
  • 黄圣依一家四口（黄圣依家族群有106人）
  • 2024-06-30黄圣依家族群有106人现在的综艺节目都很有创意，参加者也从俊男美女、星二代发展到婆婆、妈妈了，越来越接地气，观众也都爱看像是秦昊的妈妈、杨迪的妈妈，也都借着这股东风“晚来俏”了一把，原来夕阳红的生活也如此丰富多彩综艺节目《。
  • 容易一夜暴富的生肖 最容易一夜暴富的城市
  • 2024-06-30容易一夜暴富的生肖 最容易一夜暴富的城市一夜暴富，这是许多人心里所期盼的愿望按照正常理解，这是不切实际的可现实中偏偏就有这样的地方，下面这些城市最容易让人一夜暴富一、陕西榆林和山西大同榆林位于陕西省的最北部，处于陕、甘、宁、蒙、晋五省区交界。
  • 苹果手机软件闪退怎么解决（苹果手机软件闪退解决方法）
  • 2024-06-30苹果手机软件闪退解决方法打开设置，点击通用，iPhone存储空间，找到会闪退的软件进入删除App，再次点击删除App，然后重新安装就可以了长按手机电源键和音量键，滑动屏幕关机然后重新开机或打开设置，点击通用，还原，还原所有设。
  • 北方过端午节要吃什么（北方过端午节要吃的食物）
  • 2024-06-30北方过端午节要吃的食物北方端午节吃什么——吃五毒饼端午节前后，不少食铺会出售“五毒饼”，即以五种毒虫花纹为饰的饼实际上，五毒饼就是玫瑰饼，只不过其最外一层的酥皮儿上印有蝎子、蛤蟆、蜘蛛、蜈蚣、蛇这“五毒”的形象罢了五毒饼是。