• 技术文章 >web前端 >js教程

    react有哪些ui框架?

    青灯夜游青灯夜游2020-11-25 10:37:35原创3674

    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。

    1.png

    官网: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 +组件,开箱即用的,高度可定制的框架。

    2.png

    更多编程相关知识,请访问:编程学习!!

    以上就是react有哪些ui框架?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:react ui库
    上一篇:jQuery字母大小写转换函数有哪些 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• react中fragment是什么?• react组件添加样式的方法• 使用react native的好处是什么?• react子组件怎么向父组件传值?
    1/1

    PHP中文网