上篇文章中写了流行的前端 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:
三. 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://cbrac.co/113eY5h 的前端框架
官网地址: http://amazeui.org/
GitHub: https://github.com/zordius/lightncandy
十. ReactGrommet
屏幕快照 2019-01-21 下午 2.46.32.PNG
Grommet https://grommet.github.io/ 是一个非常强调体验的的 React 组件库, 所有组件都可访问, 具备跨浏览器兼容性且支持主题定制. 通过对属性的配置, 组件的灵活性也可以进一步提高
官网地址: https://v2.grommet.io/
GitHub: https://github.com/grommet/grommet
目前 React 是如今流行的前端技术, 而 React 最棒的一个特点就是有大量功能丰富的组件库和开发框架可用. 以上是适合 React 的 UI 组件库, 如有遗漏, 请评论告知! 谢谢!
来源: http://www.jianshu.com/p/87ec34e59891