网站首页 > 基础教程 正文
前言
您可能知道,React.js是用于构建用户界面的Javascript库。在过去的几年中,UI和UX套件大受欢迎,并且初创公司开始创建许多免费和付费版本的模板,仪表板和套件。React.js由Facebook和少数个人和公司维护。
当您要确保目标网页,Web或移动应用程序完美像素化,从上至下进行抛光时,可以使用Bootstrap React.js模板。
根据小伙伴们的反馈,之前小编发布的推荐36种免费React模板和主题「干货」和 收集22种开源Vue模板和主题框架「干货」还是不满足,强烈要求小编再分享一些优质的React.js免费模板。说实话,小编太难了。
这是我们最喜欢的React.js免费模板:
Now UI Kit React
演示:https://demos.creative-tim.com/now-ui-kit-react/?_ga=2.103798536.923676954.1591340660-1187394003.1591155183#/index
地址:https://www.creative-tim.com/product/now-ui-kit-react
现在,UI Kit是在线上最受欢迎的UI Kit之一,由Invision提供PSD和Sketch格式。我们想为全球的开发人员找到一种使用它的方法。因此,我们将与Invision合作推出它的React版本!
Material Kit React
演示:https://demos.creative-tim.com/material-kit-react/?_ga=2.137812536.923676954.1591340660-1187394003.1591155183#/
地址:https://www.creative-tim.com/product/material-kit-react
这是一个免费的 Material-UI@4.1.0 套件,其灵感来自Google的材料设计,并具有全新的设计。 Material Kit React利用光线,表面和运动。它使用了故意的颜色选择,边缘到边缘的图像以及大规模的排版。总体布局类似于遵循多个不同层次的纸张,因此深度和顺序显而易见。导航主要停留在左侧,而动作则停留在右侧。
注意:这个漂亮的UI-Kit现在可以作为全栈Web应用程序使用,其编码为不同的后端:Node.js / Express,Flask和Laravel – AppSeed提供的应用程序。
Shards
演示:https://designrevision.com/demo/shards-dashboard-lite-react/blog-overview
地址:https://github.com/designrevision/shards-dashboard-react
Shards Dashboard React是免费的React admin仪表板模板包,具有现代设计系统以及许多自定义模板和组件。
Light Bootstrap Dashboard React
演示:https://demos.creative-tim.com/light-bootstrap-dashboard-react/?_ga=2.211942940.923676954.1591340660-1187394003.1591155183#/admin/dashboard
地址:https://www.creative-tim.com/product/light-bootstrap-dashboard-react
Light Bootstrap Dashboard React是一个管理仪表板模板,旨在美观而简单。它建立在 Light Bootstrap仪表板 和React JS之上, 并且具有完全响应能力。它带有大量元素,将为您提供多种可能性,以创建最适合您需求的应用程序。您可以使用它来创建管理面板,项目管理系统,Web应用程序后端,CMS或CRM。
Tabler React
演示:http://tabler-react.com/
地址:https://github.com/tabler/tabler-react
这是Tabler React,这是一个免费的管理仪表板模板,具有简单而优雅的设计和许多自定义组件。Tabler React旨在为您提供有用的管理模板,具有极简且简洁的组件,小部件和元素。具体来说,它具有卡片,图表,定价卡,地图,图标,表单,页面和画廊。可用的页面包括配置文件,登录,注册,忘记密码,电子邮件,RTL等。
React Material Admin Template
演示:https://rafaelhz.github.io/react-material-admin-template/#/?_k=qov0l7
地址:https://github.com/rafaelhz/react-material-admin-template
这是一个使用React 和 Material-UI 组件的简单响应式管理模板 。
Paper Kit React
演示:https://demos.creative-tim.com/paper-kit-react/?_ga=2.112318092.923676954.1591340660-1187394003.1591155183#/index
地址:https://www.creative-tim.com/product/paper-kit-react
Paper Kit React是一个免费的Bootstrap 4,React,React Hooks和Reactstrap UI Kit,具有浅色,漂亮的字体和周到的图纸。我们创建它时要考虑到纸张和图纸。
所有组件均具有充分的响应能力,并且在每个屏幕尺寸上均显示出色。过渡,阴影,颜色,它们都类似于使用纸张时的流程。
React Blur Admin
React Blur Admin具有出色的深色方案,其中包含许多组件。它包含表格,表单,地图,图表,UI功能,通知和基本组件。直观而有用的页面包括登录,注册,用户个人资料和404页面。
最后的想法
找到一个好看的免费React 模板真的很难,对吗?我们希望该列表将帮助您更轻松地确定适合您需求的仪表板。我们会不断更新列表,以使模板变得新鲜。
推荐React 学习相关文章
《这就是你日思夜想的 React 原生动态加载「值得收藏」》
《手把手教你从Mixin深入到HOC再到Hook【React】》
《深入Facebook 官方React 状态管理器Recoil讲解》
《React源码分析与实现(一):组件的初始化与渲染「实践篇」》
《React源码分析与实现(二):状态、属性更新->setState「实践篇」》
《手把手教你10个案例理解React hooks的渲染逻辑「实践」》
《Vue 3.0 Beta 和React 开发者分别杠上了》
《手把手深入Redux react-redux中间件设计及原理(上)【实践】》
《手把手深入Redux react-redux中间件设计及原理(下)【实践】》
《为了学好 React Hooks, 我解析了 Vue Composition API》
《【React 高级进阶】探索 store 设计、从零实现 react-redux》
《深入浅出掌握React 与 React Native这两个框架》
《你需要的 React + TypeScript 50 条规范和经验》
《手把手教你深入浅出实现Vue3 & React Hooks新UI Modal弹窗》
- 上一篇: 群晖DS218+部署kafka
- 下一篇: 使用 ZTM 安全地跨互联网访问 SMB 共享文件
猜你喜欢
- 2025-01-13 alibaba cola 框架代码生成器
- 2025-01-13 Web前端【超出隐藏与显示】多种解决方案集锦
- 2025-01-13 商城微服务项目组件搭建(五)——Kafka、Tomcat等安装部署
- 2025-01-13 写给设计师的网页设计简史
- 2025-01-13 深入理解Java虚拟机之自己编译JDK
- 2025-01-13 谷歌正式发布Android 12,UI更好看,打造属于自己的定制化属性
- 2025-01-13 零基础开始学 Web 前端开发,有什么建议?(附视频教程)
- 2025-01-13 iOS 13全系统越狱详细教程&疑难解答
- 2025-01-13 「技术分享」你知道微前端吗?
- 2025-01-13 微前端方案 qiankun(实践及总结)
- 05-162025前端最新面试题之HTML和CSS篇
- 05-16大数据开发基础之HTML基础知识
- 05-16微软专家告诉你Win10 Edge浏览器和EdgeHTML的区别
- 05-16快速免费将网站部署到公网方法(仅支持HTML,CSS,JS)
- 05-16《从零开始学前端:HTML+CSS+JavaScript的黄金三角》
- 05-16一个简单的标准 HTML 设计参考
- 05-16css入门
- 05-16前端-干货分享:更牛逼的CSS管理方法-层(CSS Layers)
- 最近发表
- 标签列表
-
- jsp (69)
- pythonlist (60)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- deletesql (62)
- c++模板 (62)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- console.table (62)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)