几款ReactJS最优秀的UI框架 - 好文

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

一.Material-UI <https://weui.io/>

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

英文文档：https://material-ui.com <https://material-ui.com/>
中文文档：http://design.1sters.com <http://design.1sters.com/>
Github: https://github.com/mui-org/material-ui
<https://github.com/mui-org/material-ui>

二.React-Bootstrap <https://react-bootstrap.github.io/>

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

官网：https://react-bootstrap.github.io <https://react-bootstrap.github.io/>
中文文档: http://react.tgwoo.com <http://react.tgwoo.com/>
Github: https://github.com/react-bootstrap/react-bootstrap/
<https://github.com/react-bootstrap/react-bootstrap/>

三.Ant-design <https://2x.ant.design/docs/react/introduce-cn>

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

官网：https://ant.design/docs/react/introduce-cn
<https://ant.design/docs/react/introduce-cn>
Github: https://github.com/ant-design/ant-design/
<https://github.com/ant-design/ant-design/>

四.SemanticUI <https://semantic-ui.com/>

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

官网：https://semantic-ui.com <https://semantic-ui.com/>
Github: https://github.com/semantic-org/semantic-ui/
<https://github.com/semantic-org/semantic-ui/>

五.React Desktop <http://reactdesktop.js.org/docs/>

一款面向MacOS Sierra和Windows10桌面风格的ReactUI组件库。React-Desktop是跨平台桌面应用程序的 UI
组件，可以在上面找到 Mac OS 和 Windows 10 的均可用 UI 组件。

官网：http://reactdesktop.js.org/docs/ <http://reactdesktop.js.org/docs/>
Github: https://github.com/gabrielbull/react-desktop
<https://github.com/gabrielbull/react-desktop>

六.Blueprint <https://apiblueprint.org/>

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

官网：https://apiblueprint.org <https://apiblueprint.org/>
Github: https://github.com/gabrielbull/react-desktop
<https://github.com/gabrielbull/react-desktop>

七.Fabric <https://fabric-chs.readthedocs.io/zh_CN/chs/>

Fabric是一款用于构建类似Office和Office
365风格的React组件库。是官方用TypeScript编写的Office库之一。有所有你能见到的Office组件，包括开发入门指南、博客、官方色调以及字体等。

官网：https://fabric-chs.readthedocs.io/zh_CN/chs/
<https://fabric-chs.readthedocs.io/zh_CN/chs/>
Github: https://github.com/fabric/fabric/ <https://github.com/fabric/fabric/>

八.Rebass <https://rebassjs.org/>

Rebass 它包含60个组件，是一个UI库及UI设计系统。

官网：https://rebassjs.org <https://rebassjs.org/>
Github: https://github.com/rebassjs/rebass
<https://github.com/rebassjs/rebass>

九.amaze UI <http://amazeui.org/> （不维护了）

image

Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式，网格，表格、表单、按钮及常用组件样式。是一个轻量级（所有 CSS 和 JS gzip 后
100 kB 左右）、 Mobile first <http://cbrac.co/113eY5h> 的前端框架

官网地址：http://amazeui.org/ <http://amazeui.org/>
Github: https://github.com/zordius/lightncandy
<https://github.com/zordius/lightncandy>

十.ReactGrommet <https://v2.grommet.io/>

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

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

官网地址：https://v2.grommet.io <https://v2.grommet.io/>
Github: https://github.com/grommet/grommet
<https://github.com/grommet/grommet>

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

热门工具换一换