几款ReactJS最优秀的UI框架

作者: honey缘木鱼 | 来源:发表于2019-01-21 14:52 被阅读31次

上篇文章中写了流行的前端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: https://github.com/react-bootstrap/react-bootstrap/

三.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://amazeui.org/
Github: https://github.com/zordius/lightncandy

十.ReactGrommet

屏幕快照 2019-01-21 下午2.46.32.png

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

官网地址:https://v2.grommet.io
Github: https://github.com/grommet/grommet

目前React是如今流行的前端技术,而React最棒的一个特点就是有大量功能丰富的组件库和开发框架可用。以上是适合React的UI组件库,如有遗漏,请评论告知!谢谢!

相关文章

  • 几款ReactJS最优秀的UI框架

    上篇文章中写了流行的前端UI几大框架,发现大部分评价都是Vue的UI组件库,从评论中得知漏掉了很多,也有人问Rea...

  • ReactJS最优秀的UI框架

    上篇文章中写了流行的前端UI几大框架,发现大部分评价都是Vue的UI组件库,从评论中得知漏掉了很多,也有人问Rea...

  • 推荐一个UI框架

    推荐一个微信小程序的ui框架:colorUI。 看了网上的各种ui框架,自己也试用了几款,最终确定...

  • HeyUI - 自带admin框架、中后台前端UI框架的后起之秀

    一款同样优秀的前端 UI 组件库,其基于HeyUI的 admin 框架也是开箱即用的优质框架。 介绍 HeyUI ...

  • 移动端常用UI框架

    作为一个前端人员来说,总结几款相对来说不错的用于移动端开发的UI框架是非常必要的,以下几种移动端UI框架就能基本满...

  • 基于CSS UI开源框架整理分析

    从16年数据统计就有20几款UI框架出现在市面上,至今为止能统计的框架应该有40款左右了。前端框架都是基于HMTL...

  • ReactJS 开发过程中的个人心得

    ReactJS 开发过程中的个人心得 一.项目所用的各种框架 在我目前开发的项目中,前端UI框架使用的是frame...

  • React 生态系

    ReactJS ReactJS 是 Facebook 推出的 JavaScript 函式库,若以 MVC 框架来看...

  • mybatis

    定义 MyBatis 是⼀款优秀的持久层框架,它⽀持⾃定义 SQL、存储过程以及⾼级映射。MyBatis 免除了几...

  • uView UI - 支持APP/H5/各小程序平台多端发布的通

    知名多端开发框架 uni-app 生态里优秀的UI框架,一次编写,多端发布。 关于 uView UI uView ...

网友评论

    本文标题:几款ReactJS最优秀的UI框架

    本文链接:https://www.haomeiwen.com/subject/aigqjqtx.html