react的ui框架有:material-ui(基于react的ui界面框架)、react-bootstrap、ant-design、semantic-ui-react、react desktop、blueprint、grommet等等。
适应于reactjs的ui组件库
1、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
2、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/
3、ant-design
提到ant-design,大家可能会想前段时间的出现的‘圣诞彩蛋’事故。ant-design是阿里巴巴团队出品的reactui组件库。有自己独特的设计风格和理念。在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高,开箱即用。
官网:https://ant.design/docs/react/introduce-cn
github: https://github.com/ant-design/ant-design/
4、semantic-ui-react
semantic-ui 的官方 react 组件
semantic-ui-react 几乎拥有 semantic-ui 中所有有用的组件,同时也有一个非常好的 declarative api ,和用于 react 组件的 shorthand props ,并且 jquery-free。
官网:https://react.semantic-ui.com/
5、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
6、blueprint
blueprint提供了一系列reactui组件,这些组件包含常用的元素、模式和web交互。它适用于为桌面应用构建复杂且数据密集型的web界面。它的组件使用typescript编写,并以sass编写样式风格,以实现快速且灵活的开发流程。
官网:https://apiblueprint.org
github: https://github.com/gabrielbull/react-desktop
7、fabric
fabric是一款用于构建类似office和office 365风格的react组件库。是官方用typescript编写的office库之一。有所有你能见到的office组件,包括开发入门指南、博客、官方色调以及字体等。
官网:https://fabric-chs.readthedocs.io/zh_cn/chs/
github: https://github.com/fabric/fabric/
8、rebass
rebass 它包含60个组件,是一个ui库及ui设计系统。
官网:https://rebassjs.org
github: https://github.com/rebassjs/rebass
9、amaze ui (不维护了)
image
amaze ui 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。是一个轻量级(所有 css 和 js gzip 后 100 kb 左右)、 mobile first 的前端框架
官网地址:http://amazeui.org/
github: https://github.com/zordius/lightncandy
10、react grommet
grommet是一个非常强调体验的的react组件库,所有组件都可访问,具备跨浏览器兼容性且支持主题定制。通过对属性的配置,组件的灵活性也可以进一步提高
官网地址:https://v2.grommet.io
github: https://github.com/grommet/grommet
11、react-toolbox
一组使用 css 模块实现 google material design 的 react 组件。
你是否听说过 css modules? react-toolbox 依赖于它。它允许你只使用所需的 css ,而不用使用像 purify-css 这样的工具。除此之外,react-toolbox 是具有30 +组件,开箱即用的,高度可定制的框架。
更多编程相关知识,请访问:编程学习!!
以上就是react有哪些ui框架?的详细内容。