首页 > 其他分享 >ReactJS最优秀的UI框架

ReactJS最优秀的UI框架

时间:2024-12-27 12:43:47浏览次数:5  
标签:github 框架 ReactJS React UI https 组件 com

上篇文章中写了流行的前端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组件库,如有遗漏,请评论告知!谢谢!
————————————————
版权声明:本文为CSDN博主「honey缘木鱼」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/dt1991524/article/details/86575597

标签:github,框架,ReactJS,React,UI,https,组件,com
From: https://www.cnblogs.com/MaoZhuaShi/p/18635411

相关文章

  • React 移动端框架
    1.Material-UIMaterial-UI组件是独立工作的。它们是自我支持的,并只要注入而且仅注入它们需要显示的样式。他们不依赖任何全局的样式表,如 normalize.css。Material-UI首先是移动开发的,我们首先为移动设备编写代码,然后根据需要使用CSS媒体查询扩展组件。要确保所有设备的正确......
  • 使用Karate框架进行API测试
    1.设置环境打开IDEA,新建maven工程删除自动生成的代码,然后在main和test目录新建resources目录打开pom.xml文件添加依赖<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSc......
  • PHP语言laravel框架中基于Redis的异步队列使用实践与原理
    在Laravel中,基于Redis的异步队列是通过Laravel的队列系统与Redis服务结合来实现的。这种队列机制允许你将任务推送到队列中,并由后台工作进程异步处理这些任务。这样,你就可以将耗时的操作(如发送邮件、处理视频、数据同步等)推迟到后台处理,从而提高应用的响应速度。###1......
  • OmniParser,微软的用于纯视觉 GUI 分析的Agent
    OmniParser是微软最近发布的一个解析界面的库,主要将成果解析后转送给大模型体系进行更多的能力拓展。等于是将传统的UI界面,转换成了LLM大模型语言等Agent系统能直接理解和处理的输入源了。非常有意思。用官方的话来说:OmniParser是一种将用户界面截图解析为结构化、易于理解......
  • Transmission安装及更换官方UI
    相关链接地址:Transmission镜像地址Transmission浏览器管理界面:TransmissionWebControlUI.创建容器docker-compose.yamlversion:"2.1"services:transmission:image:lscr.io/linuxserver/transmission:latestcontainer_name:transmissionenvironment......
  • elementUI中或者其他的div的弹框拖拽
    项目中的el-dialog的随意拖拽,相关代码如下:一、dom代码:<template><divclass="about"><el-buttontype="text"@click="dialogVisible=true">弹框的可拖拽</el-button><!--el-dialog弹框的时候直接按照demo用就可以了-->&......
  • 鸿蒙UI开发——使用WidthTheme实现局部深浅色
    1、场景描述在实际的应用开发中,我们可能需要在界面中局部应用深色或者浅色的界面样式,与全局的深色、亮色同时生效。场景例如:深/亮色预览。此时,我们可以使用WithTheme能力来达到我们的效果。2、WithThemeWithTheme组件可以用于设置应用局部页面自定义主题风格,可设置子组件深......
  • Mybatis框架实现单表增删改查
    一数据库准备在MySQL数据库中创建travel_application表:CREATETABLEtravel_application(IDvarchar(8)NOTNULL,namevarchar(255)DEFAULTNULL,departmentvarchar(255)DEFAULTNULL,destinationvarchar(255)DEFAULTNULL,departuredatedateDEFAULTNULL,ret......
  • 多数据源配置:使用Dynamic-datasource框架实现数据源切换、动态新增且使用新数据源、查
    前言多数据源的切换具有十分广泛的应用场景,同时可以简化主从复制、读写分离等方案的实现过程,通过继承AbstractRoutingDataSource并重写相关方法,结合拦截器、AOP以及自定义注解即可实现,但过程比较繁琐。因此可以利用Dynamic-datasource框架轻松实现数据源切换,并且通过框架预留......
  • 学籍管理系统:技术框架与数据库设计
    3.1可行性分析系统的设计必须符合正常逻辑,所以设计之处,也需要从其他方面来论证其可行性。3.1.1经济可行性开发学籍管理系统,存在经济上面的支持,必须经济上的支持才可以有序进行,比如是否需要额外购买开发工具,购买开发电脑,或者从开发技术上是否是免费开源,达到的效果上面是......