React的十大UI框架

31,749 阅读2分钟

1.Material-UI

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

英文文档:material-ui.com

中文文档:design.1sters.com

Github: github.com/mui-org/mat…

2.React-Bootstrap

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

官网:react-bootstrap.github.io

中文文档: react.tgwoo.com

Github: github.com/react-boots…

3.Ant-design

Ant-design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。组件化质量非常高,开箱即用。

官网:ant.design/docs/react/…

Github: github.com/ant-design/…

4.SemanticUI

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

官网:semantic-ui.com

Github: github.com/semantic-or…

5.React Desktop

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

官网:reactdesktop.js.org/docs/

Github: github.com/gabrielbull…

6.Blueprint

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

官网:apiblueprint.org

Github: github.com/gabrielbull…

7.Fabric

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

官网:fabric-chs.readthedocs.io/zh_CN/chs/

Github: github.com/fabric/fabr…

8.Rebass

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

官网:rebassjs.org

Github: github.com/rebassjs/re…

9.Amaze UI

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

官网地址:amazeui.org/

Github: github.com/zordius/lig…

10. Grommet

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

官网地址:v2.grommet.io

Github: github.com/grommet/gro…