react 优秀组件库

优秀的react组件库推荐,有其他好用的请来补充

1、

2、Ant Design Mobile

3、material-ui

React Material-UI 是一组实现了谷歌 Material Design 设计语言的 React 组件。非常高的 star 数,帅气的 Material 设计规范实现,巨量 issue 和贡献者,明星级的项目。激进地全局使用了 inline 样式,可能会让部分人群不适应。

4、react-bootstrap

bootstrap3 设计,UI 上看着比较陈旧,最近的提交节奏有点慢。 而且 bootstrap4 马上就要出来了。

React Bootstrap 4 components​reactstrap.github.io

基于 bootstrap4 的新起之秀,文档清新,推荐尝试。

5、Elemental UI

网站不错,组件太少,设计风格有点像 Bootstrap。

6、React UI

国人开发,样式使用了 yahoo 的 Pure,API 和文档精致。缺点是目前只有一个人开发维护。

7、Belle - React components with great UX​nikgraf.github.io

风格素雅的一套 React 组件,组件数量较少。React Belle 组件库为移动和桌面设备都做了优化。Star 数超过 2K,它的样式高度可定制,开发者可以配置所有组件的基本样式,也可以单独修改其中的每个样式。这里是一个很棒的示例https://gideonshils.github.io/Belle-With-Bit/

8、TouchstoneJS – Creating Your Visual Interaction

移动端 hybrid 的组件库,iOS 风格。

9、BFD UI —— 企业级 React 组件库

百分点的 React 套件库,组件很全,风格淡雅,实现质量不错,不知道为什么 star 非常少。

10、Blueprint

刚刚推出的质量极好的组件库,用 TypeScript 和 Scss 开发,功能强大,并且有自己的色彩和排版规范,推荐使用。

11、grommet components

React Grommet 提供了一组丰富的组件,这些组件按照类别分组,所有组件都简单易用,支持跨浏览器和自定义主题。风格比较炫酷的组件库,拆分的很细。

12、jquense/react-widgets

API 文档极其精细,亮点之一是提供了一个属性可视化操作的 playground,值得借鉴。例子:React Widgets

13、base

Uber 的组件库,黑色主色风格,网站体验不错。

14、Ring UI — JetBrains Web UI components

JetBrains(IntelliJ IDEA)的组件库,很活跃,提交数快追上 Ant Design 了。

15、Evergreen

Segment 推出的 React 组件库,风格简单好看。

16、Lightning Design System for React

17、Carbon Components React v7.34.0

IBM 的 carbon design system 的 React 实现。需要注意的是,这些组件不会自己导入任何样式,所以用户需要使用 carbon-components 中的 scss 或 css 来引入组件的样式。

18、PrimeReact

虽然 Star 数不到 500,但这个库提供了超过 60 个组件和许多漂亮的主题,覆盖多种 UI 功能(诸如数据可视化、文本编辑等,都为移动应用做了优化)。这里是一个快速入门示例(https://github.com/primefaces/primereact-quickstart),基于 create-react-app 项目。

19、React toolbox

React Toolbox 也是一组实现谷歌 Material Design 的 React 组件。它基于愈加流行的 CSS 模块 (使用 SASS 编写) 、Webpack 和 ES6 构建。这个库的官网页面提供了组件演示。

20、React Virtualized

React Virtualized 提供了可以高效渲染大型列表和表格数据的 React 组件,Star 数超过 1.1 万。

21、Onsen UI

Onsen UI React Components 支持 Onsen UI React 绑定,为构建混合移动应用提供了 React 和 Onsen UI 框架。它有 97 位贡献者,Star 数 6K,是一个有趣的库,值得一试。

22、Semantic UI React

Semantic UI React 是官方的 Semantic-UI-React 集成,提供了有趣、灵活的工具,已被 Netflix 和 Amazon 采用。

23、React-Toastify

只是toast组件库

猜你喜欢

转载自blog.csdn.net/CamilleZJ/article/details/116716644