189 8069 5689
这篇文章将为大家详细讲解有关react的ui框架有什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
易门网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。创新互联2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
react的ui框架有：Material-UI（基于React的UI界面框架）、React-Bootstrap、Ant-design、Semantic-UI-React、React Desktop、Blueprint、Grommet等等。
适应于ReactJS的UI组件库
1、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
2、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/
3、Ant-design
提到Ant-design，大家可能会想前段时间的出现的‘圣诞彩蛋’事故。Ant-design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高，开箱即用。
官网：https://ant.design/docs/react/introduce-cn
Github: https://github.com/ant-design/ant-design/
4、Semantic-UI-React
Semantic-UI 的官方 React 组件
Semantic-UI-React 几乎拥有 Semantic-UI 中所有有用的组件，同时也有一个非常好的 Declarative API ，和用于 React 组件的 shorthand props ，并且 jQuery-Free。
官网：https://react.semantic-ui.com/
5、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
6、Blueprint
Blueprint提供了一系列ReactUI组件，这些组件包含常用的元素、模式和Web交互。它适用于为桌面应用构建复杂且数据密集型的Web界面。它的组件使用TypeScript编写，并以Sass编写样式风格，以实现快速且灵活的开发流程。
官网：https://apiblueprint.org
Github: https://github.com/gabrielbull/react-desktop
7、Fabric
Fabric是一款用于构建类似Office和Office 365风格的React组件库。是官方用TypeScript编写的Office库之一。有所有你能见到的Office组件，包括开发入门指南、博客、官方色调以及字体等。
官网：https://fabric-chs.readthedocs.io/zh_CN/chs/
Github: https://github.com/fabric/fabric/
8、Rebass
Rebass 它包含60个组件，是一个UI库及UI设计系统。
官网：https://rebassjs.org
Github: https://github.com/rebassjs/rebass
9、amaze UI （不维护了）
image
Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式，网格，表格、表单、按钮及常用组件样式。是一个轻量级（所有 CSS 和 JS gzip 后 100 kB 左右）、 Mobile first的前端框架
官网地址：http://amazeui.org/
Github: https://github.com/zordius/lightncandy
10、React Grommet
Grommet是一个非常强调体验的的React组件库，所有组件都可访问，具备跨浏览器兼容性且支持主题定制。通过对属性的配置，组件的灵活性也可以进一步提高
官网地址：https://v2.grommet.io
Github: https://github.com/grommet/grommet
11、React-Toolbox
一组使用 CSS 模块实现 Google Material Design 的 React 组件。
你是否听说过 CSS Modules? React-Toolbox 依赖于它。它允许你只使用所需的 CSS ，而不用使用像 Purify-CSS 这样的工具。除此之外，React-Toolbox 是具有30 +组件，开箱即用的，高度可定制的框架。
关于react的ui框架有什么就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。