前端哪需要自己设计页面?用现成的不就好了(下)

简介: 接上文。

十、Shards Dashboard Lite


Go to Shards Dashboard Lite[10]


d3595e0560403195803f2ea81d85bd5c.png


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


十一、Argon Design System


Go to Argon Design System[11]


e94166973cee545b0911abcb26008032.png


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


十二、Datta Able


Go to Datta Able[12]


831a9863858d4720735388c1cc88b6e1.png


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


十三、MatX


Go to MatX[13]


3f3299affc3d739861a1ff21e2a44ce2.png


MatX 是一个功能特别全的的 React 后台模板,是用React、Redux、Material UI构建出来的


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


十四、Notus React


Go to Notus React[14]


3b13d7b81786caeee78bf52d21f3c46a.png


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


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


十五、Now UI Kit React


Go to Now UI Kit React[15]


34a338411c9f9e34f2e1e32fb3d554ff.png


现在 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[16]


9db689f19b3c5b7df8118b28fc0585e1.png


十七、Ant Design


Go to Ant Design[17]


c4112e8e45f93b0b854b16480595f49d.png


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


十八、Material UI


Go to Material UI[18]


0039bf180747155e7339e7e386c7c9b5.png


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


相关文章
|
3月前
|
缓存 前端开发 JavaScript
如何优化前端页面性能
前端性能优化是网站开发中非常重要的一部分,它直接关系到用户体验和网站的流量以及排名。本文将介绍一些优化前端页面性能的方法,包括减少HTTP请求、压缩代码、使用CDN等。
|
2月前
|
存储 前端开发 JavaScript
【JavaEE初阶】 博客系统项目--前端页面设计实现
【JavaEE初阶】 博客系统项目--前端页面设计实现
|
2月前
|
存储 前端开发 安全
无限连接:前端跨页面通信的实现与应用
在前端开发中,有时我们需要在不同的页面之间进行数据传递和交互。这种场景下,前端跨页面通信就显得尤为重要。前端跨页面通信是指在不同的页面之间传递数据、发送消息以及实现页面间的交互操作。本文将详细介绍前端跨页面通信的属性、应用场景以及实现方法,并提供一些代码示例和引用资料,帮助读者深入了解并应用这一重要的技术。
|
3月前
|
移动开发 监控 前端开发
HTML5与CSS3教学:美化员工行为监控软件前端页面的代码技巧
在当今信息时代,企业对员工行为的监控成为了一项必不可少的工作。而员工行为监控软件作为一种高效的管理工具,其前端页面的设计和美化显得尤为重要。本文将介绍如何利用HTML5和CSS3技术,优雅地美化员工行为监控软件前端页面的代码技巧。
215 0
|
4月前
|
JSON 前端开发 Java
(简易详细)spring boot 使用拦截器 实现拦截前端请求并返回json到前端页面
(简易详细)spring boot 使用拦截器 实现拦截前端请求并返回json到前端页面
109 0
|
4月前
|
前端开发
前端知识笔记(十八)———页面首次滑动不可返回
前端知识笔记(十八)———页面首次滑动不可返回
19 0
|
5月前
|
JavaScript 前端开发 Java
在Vue中通过ElementUI构建前端页面【登录,注册】,在IEDA构建后端实现前后端分离
在Vue中通过ElementUI构建前端页面【登录,注册】,在IEDA构建后端实现前后端分离
150 0
|
5月前
|
移动开发 前端开发 HTML5
前端页面实现报警器提示音效果
前端页面实现报警器提示音效果
54 0
|
6月前
|
存储 前端开发 JavaScript
【五子棋实战】第5章 开发五子棋前端页面
页面设计原则   1、可配置性。比如棋盘的大小可配置,棋盘边长可配置,黑白空期的值可配置;   2、响应式。各种屏幕大小下棋盘的布局要合理;   3、面向对象。棋子、棋盘的定义都用类来封装,代码要写的好看。
|
6月前
|
前端开发 JavaScript 数据安全/隐私保护