28个顶级的React UI组件库，请查收！

策划｜覃云作者｜JonathanSaring译者｜王强虽然从数字来看，React的使用率仍不及Angular，但它在Stackoverflow的2017年度用户最喜爱组件库评选中拿下了榜首位置：

React的优势很多：虚拟DOM、声明性描述用户界面及界面状态建模能力、对于熟练Javascript开发者来说较低的入门门槛，这些优势让React成为构建UI的一个很出色的库。React的另一大优点是组件。开发者可以使用组件将UI拆分成独立、可复用的部分。本文将介绍20多个优秀的React组件，帮助开发者迅速地应用它们。

地址：https://github.com/mui-org/material-ui2.React-BootstrapReact-Bootstrap是模仿Bootstrap风格的React组件库。Star数超过1.3万，其简洁的设计风格在社区广受欢迎。

地址：https://github.com/react-bootstrap/react-bootstrap3.ReacttoolboxReactToolbox也是一组实现谷歌MaterialDesign的React组件。它基于愈加流行的CSS模块(使用SASS编写)、Webpack和ES6构建。这个库的官网页面提供了组件演示。

地址：https://github.com/react-toolbox/react-toolbox4.ReactBelleReactBelle组件库为移动和桌面设备都做了优化。Star数超过2K，它的样式高度可定制，开发者可以配置所有组件的基本样式，也可以单独修改其中的每个样式。

地址：https://github.com/nikgraf/belle5.ReactGrommetReactGrommet提供了一组丰富的组件，这些组件按照类别分组，所有组件都简单易用，支持跨浏览器和自定义主题。

地址：http://grommet.io/6.印度可汗学院的React组件可汗学院的React组件以组件库的形式发布，带有内联CSS和注释。也可以在Bit中添加这个BitScope（https://bitsrc.io/khan/react-components#components）库来安装单个组件。

地址：https://bitsrc.io/khan/react-components#components7.MaterialComponentsWebMaterialComponentsWeb由谷歌的核心工程师和用户体验设计团队开发，其组件使用可靠的开发工作流程来构建漂亮而实用的Web项目。它取代了被弃用的react-mdl，而且Star数即将破万。

地址：https://github.com/ant-design/ant-design9.SemanticUIReactSemanticUIReact是官方的Semantic-UI-React集成，提供了有趣、灵活的工具，已被Netflix和Amazon采用。

地址：https://react.semantic-ui.com/introduction10.OnsenUIOnsenUIReactComponents支持OnsenUIReact绑定，为构建混合移动应用提供了React和OnsenUI框架。它有97位贡献者，Star数6K，是一个有趣的库，值得一试。

地址：https://github.com/OnsenUI/OnsenUI11.ReactVirtualizedReactVirtualized提供了可以高效渲染大型列表和表格数据的React组件，Star数超过1.1万。

地址：https://github.com/bvaughn/react-virtualized12.Blueprint这个库的Star数超过9K，它提供了一系列ReactUI组件，这些组件包含常用的元素、模式和Web交互。它适用于为桌面应用构建复杂且数据密集型的Web界面。它的组件使用TypeScript编写，并以Sass编写样式风格，以实现快速且灵活的开发流程。

地址：https://github.com/palantir/blueprint13.ReactMD虽然这个库的Star数还没到1800，但在用户中广受好评，很多人都认为它与众不同，有人甚至觉得它是最优秀的库。它提供了用于开发Web应用的套件，遵循谷歌MaterialDesign设计原则，还有高度定制化的主题和样式（Sass编写），值得一试。

地址：https://github.com/mlaursen/react-md14.ReactstrapStar数5K，它提供了Reactbootstrap4组件（不依赖Bootstrap），支持组合和控件。需要注意的是，开发者需要使用props.children来组合内容，而不是通过命名的props传给组件。

地址：https://github.com/reactstrap/reactstrap15.PrimeReact虽然Star数不到500，但这个库提供了超过60个组件和许多漂亮的主题，覆盖多种UI功能（诸如数据可视化、文本编辑等，都为移动应用做了优化）。

地址：https://github.com/primefaces/primereact16.ElementalUI这个UI及CSS框架仍在开发阶段，Star数就达到了4K，已经支持4种浏览器，且正在实现内联样式。这个项目旨在提供非模式化的功能组件，可以单独使用或放在一起使用。它提供了朴素的默认样式和灵活的主题定制能力。

地址：https://github.com/elementalui/elemental17.RebassRebass的Star数为4K，它包含60个组件，是一个UI库及UI设计系统。

地址：https://atlaskit.atlassian.com/19.FabricUIFabric是微软Office及Office365的React组件库。它是响应式、移动应用优先的组件集合，遵循Office设计语言。这些组件被应用到了Sharepoint和Office扩展中。

地址：https://github.com/digiaonline/react-foundation22.Carboncomponents这个库的React组件都是基于IBM的Carbon设计系统（http://www.carbondesignsystem.com/）及其组件。

地址：https://github.com/pinterest/gestalt24.AmazeUIReact这个库是中国流行的Amaze-UI（http://amazeui.org/）跨平台框架的React实现。虽然它已经许久没有主动维护了，但很多人仍然很喜欢这个库。

地址：https://github.com/amazeui/amazeui-react25.Zent这个国内的开发者开发的ReactUI库，它包含了有赞商城使用的40个多组件，非常简洁、设计精美。它支持TypeScript、定制化的主题，有超过90%的测试覆盖率。

ZentReact菜单组件地址：https://github.com/youzan/zent26.UXCore这个ReactUI库包含超过40个为企业应用设计的组件，专注于后端应用的性能，主要是表格和表单这些组件（特别是当数据自动与视图绑定时）。

UXCoreReact表格组件地址：https://github.com/myxvisual/react-uwp27.ReactUWP这个Windows下的UI框架实现了微软的UWP和Fluent，提供了全面的控件库以实现UI可视化呈现，以及用于其它控件或内容（如图像和媒体）的容器。28.Halogen这个库只做一件事情：制作酷酷的载入进度条。