专栏首页前端印象有了这 18 个免费的React模板以后,也太省事了吧!!

有了这 18 个免费的React模板以后,也太省事了吧!!

有时需要做一个页面,不是设计师出身的我们肯定不想花大量的时间去构思如何设计一个漂亮的页面,那么此时有一些好看又免费的模板就再好不过啦,这里给你们推荐15个

一、React Blur Admin

Go to React Blur Admin

React Blur admin 可用于在 React 应用程序上构建管理界面。这个模板有表格、表单、地图、图表、 UI 特性、配色方案、页面等等

二、NextJS Material Dashboard

Go to NextJS Material Dashboard

NextJS Material Dashboard 是一个免费的 Material-UI、 NextJS 和 React Admin,其新颖的设计灵感来自谷歌的 Material Design。它是完全编码的,包括插件、元素、 SASS 文件等等。

三、WrapKit React Lite

Go to WrapKit React Lite

WrapKit React Lite 是一个免费的 React 网站模板,允许你创建令人惊叹的网站,登陆页面,主页,等等。它带有随时可用的用户界面块和元素,以帮助水平的设计和美学的项目。

四、React JS Landing

Go to React JS Landing

React JS Landing 是一个为初创公司、公司和数字代理商提供的单页浏览登陆模板。它有丰富的图标,画廊,定制的表单,等等。

五、Blueprint

Go to Blueprint

Blueprint 是一个基于反应的 web 用户界面工具包。它是为桌面应用程序构建复杂、数据密集的 web 界面而优化的。

六、Light Bootstrap Dashboard React

Go to Light Bootstrap Dashboard

Light Bootstrap Dashboard React 是一个管理仪表盘模板设计的美丽和简单。它建立在 Light Bootstrap Dashboard 和 React JS 之上,并且它完全是响应式的。它有一个大的元素集合,将为您提供多种可能性来创建应用程序,最适合您的需求。它可以用来创建管理面板,项目管理系统,网络应用程序后端,CMS 或 CRM。

七、Rebass

Go to Rebass

Rebass 是使用样式化系统构建的原始 UI 组件。这是众所周知的一个最好的反应组件库在那里。它是响应式的,支持样式-组件,flexbox,等等

八、React Reduction

Go to React Reduction

React Reduction 是一个免费的开源管理模板,使用 React 和 Bootstrap 4构建。它包括图表、小工具、页面、卡片、组件、排版等等。

九、Open

Go to Open

Open 是一个登陆页面模板,旨在展示开源项目、 SaaS 产品、在线服务等等。它反应迅速,功能强大,并且有趣的动画效果。

十、Shards Dashboard Lite

Go to Shards Dashboard Lite

Shards Dashboard Lite 是一个免费的反应管理仪表板模板包具有现代化的设计系统和许多自定义模板和组件。它是完全响应的,性能良好的,并遵循所有的最佳实践。

十一、Argon Design System

Go to Argon Design System

Argon Design System 由超过100个独立部件组成,你可以自由选择和组合。它提供了预先构建的示例,这将有助于确保开发过程是无缝的。有趣的是,所有组件在颜色上都可以有所不同。

十二、Datta Able

Go to Datta Able

这是一个很酷的 React 仪表盘模板,使用 Redux 和 Bootstrap 4制作。下面是它的一些特性: Code splitting,suspense, lazyload, different color styles等等。

十三、MatX

Go to MatX

MatX 是一个全功能的反应材料设计管理仪表板模板建立的反应,Redux 和材料用户界面。

它具有启动新项目所需的各种特性: Material UI 组件、 Form 元素、 JWT 身份验证、登录页面、代码分割等等。请看现场演示

十四、Notus React

Go to Notus React

Notus React 是一个免费的开源模板。它是 TailwinCSS 的一个扩展,但是没有改变或添加任何 CSS 到已经从 Tailwind CSS。

它具有多个 HTML 元素,并附带了用于 ReactJS、 Vue 和 Angular 的动态组件

十五、Now UI Kit React

Go to Now UI Kit React

现在 UI Kit React 是一个免费的 Bootstrap 4,React,React Hooks,和 Reactstrap UI Kit,由 Invision 和 Creative Tim 提供。

大约一年前发布,到目前为止已经有超过11,756次下载,Now UI Kit React 的特性是首屈一指的。你一定要去看看。

十六、Core UI

Go to Core UI

十七、Ant Design

Go to Ant Design

Ant Design 是一个 React UI 库,它有大量易于使用的组件,这些组件对构建优雅的用户界面非常有用。由阿里巴巴创建的蚂蚁集团设计被几个大公司使用: 阿里巴巴、腾讯、百度等等。

十八、Material UI

Go to Material UI

Material UI 是一个组件库,用于 React,其中充满了你应该在项目中使用的强大组件。如果你只是想创建一个好看的应用程序,Material UI 可以为你提供坚实的预先风格的组件,将完成工作。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • GitHub 上的顶级项目都是做什么的?

    前一阵看到同事在用一个名叫 AirFlow 的工具,而我竟然素未耳闻,一番搜索之后发现这个 工具是 Apache 的顶级项目,而且在 GitHub 上有 1w+...

    乔戈里
  • 2019-06-03 GitHub 上的顶级项目都是做什么的?

    前一阵看到同事在用一个名叫 AirFlow 的工具,而我竟然素未耳闻,一番搜索之后发现这个 工具是 Apache 的顶级项目,而且在 GitHub 上有 1w+...

    Albert陈凯
  • React-Native入门指南(二)

    前辈教导我们,掌握一门新技术的最快方法是练习。因此,我找了下比较有爱,暖气的界面。当然不是给美团打广告了,只是觉得页面蛮清新的。下面就是要显示的效果:

    疯狂的技术宅
  • 做前端技术方案选型的时候,你是怎么做决策的?

    最近在知乎上看到的一个提问做前端技术方案选型的时候,你是怎么做决策的?想起一年来自己所做的项目,全都是一个人在做选型,能力也在一步步中培养起来。

    王小婷
  • React SSR 简介与 Next.js 使用入门

    React SSR 是什么?React SSR 是 React 服务器端渲染 (SSR: server side render) 技术。传统的服务端渲染方式是使...

    多云转晴
  • 这波React属实被针对了

    作者用React和Solid.js开发了同样的Demo。为什么用Solid.js和React对比呢,让我们看看Solid.js的API:

    公众号@魔术师卡颂
  • 干货 | GitHub 寻宝指南

    作为一个资深的咨询师、程序员,GitHub 是我用过的最好工具,因为 Google 并非总是那么用。GitHub 是一个宝藏库,可没有藏宝图,GitHub 一 ...

    AI科技评论
  • 为什么JavaScript开发如此疯狂

    Web开发中其他一切对你而言都是小菜一碟,但当你深入探究JavaScript的时候,不免有一种“众人皆醒你独醉”的悲壮——好像其他人都知道你不知道的一些大的基础...

    哲洛不闹
  • 怎样创建你的第一个React Native App[每日前端夜话0xD8]

    开发人员总会遇到几个十分常见的疑问,即应该怎样正确的设计新应用,以及如何从选定的技术堆栈入手。因此,你需要学习如何用 React Native Starter ...

    疯狂的技术宅
  • 深刻理解 React (一) :JSX 和虚拟DOM

    首先,我们来看看 React 在世界范围的热度趋势,下图是关键词“房价”和 “React” 在 Google Trends 上的搜索量对比,蓝色的是 React...

    小时光
  • React 系列教程 1:实现 Animate.css 官网效果

    叙帝利
  • React 系列教程 1:实现 Animate.css 官网效果

    这是 React 系列教程的第一篇,我们将用 React 实现 Animate.css 官网的效果。对于 Animate.css 官网效果是一个非常简单的例子,...

    叙帝利
  • GitHub上最流行的Top 10 JavaScript项目

    统计出Github中所有项目的数量,几乎是不可能的,而明确指出哪些是最优秀的项目就更不可能了。如果说到JavaScript,曾经极富创新的项目(很可能)在一两个...

    业余草
  • 我为什么不再用 Vue,而改用 React?

    当我走进现代前端开发行业的时候,我做了一个每位开发人员都要做的决策:选择一个合适的框架。当时正逢 jQuery 被淘汰,前端开发者们不再用它编写难看的、非结构化...

    逆锋起笔
  • 2019年,React 开发者应该掌握的 22 种神奇工具

    众所周知,React 是 JavaScript 库,用于构建出色的用户界面。但是,并不是每个人都在使用相同的工具或都知道所有有用的工具,这些工具有助于使 Rea...

    开发者技术前线
  • React移动web极致优化

    本文start kit: steamer-react PS: 要看效果得将一个QQ群组转换成家校群,可到此网址进行转换(手Q/PC都可以访问): http:/...

    李成熙heyli
  • 一个治愈JavaScript疲劳的学习计划

    像其他所有人一样, 我最近碰巧也读了 Jose Aguinaga 的文章 “How it feels to learn JavaScript in 2016”.

    疯狂的技术宅
  • 向钢铁侠学习怎样开发软件[每日前端夜话0xB7]

    现在要写出优秀的代码并不是一个真正的问题。一切都只是先进行 Google 搜索,然后只需找到 Stackoverflow 的第一个链接,找到最受欢迎或赞同最多的...

    疯狂的技术宅
  • GitHub上最流行的Top 10 JavaScript项目

    统计出Github中所有项目的数量,几乎是不可能的,而明确指出哪些是最优秀的项目就更不可能了。如果说到JavaScript,曾经极富创新的项目(很可能)在一两个...

    疯狂的技术宅

扫码关注云+社区

领取腾讯云代金券