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

简介: 接上文。

十、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 可以为你提供坚实的预先风格的组件,将完成工作。


相关文章
|
2月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
4天前
|
前端开发 JavaScript 开发者
前端 CSS 优化:提升页面美学与性能
前端CSS优化旨在提升页面美学与性能。通过简化选择器(如避免复杂后代选择器、减少通用选择器使用)、合并样式表、合理组织媒体查询,可减少浏览器计算成本和HTTP请求。利用硬件加速和优化动画帧率,确保动画流畅。定期清理冗余代码并使用缩写属性,进一步精简代码。这些策略不仅加快页面加载和渲染速度,还提升了视觉效果,为用户带来更优质的浏览体验。
|
2月前
|
前端开发 数据安全/隐私保护
.自定义认证前端页面
.自定义认证前端页面
15 1
.自定义认证前端页面
|
2月前
|
前端开发 JavaScript 搜索推荐
前端懒加载:提升页面性能的关键技术
前端懒加载是一种优化网页加载速度的技术,通过延迟加载非首屏内容,减少初始加载时间,提高用户访问体验和页面性能。
|
2月前
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息,并通过阿里云计算巢完成了Appsmith的快速部署,使用者不需要自己下载代码,不需要自己安装复杂的依赖,不需要了解底层技术,只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith,非技术同学也能轻松搞定。
|
3月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
45 18
|
4月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
137 2
前端JS读取文件内容并展示到页面上
|
3月前
|
前端开发 数据安全/隐私保护
angular前端基本页面验证
angular前端基本页面验证
37 1
|
3月前
|
前端开发
搭建个人博客--1、前端页面
搭建个人博客--1、前端页面
29 1
|
4月前
|
前端开发 JavaScript
前端基础(一)_前端页面构成
本文介绍了前端页面的基本构成,包括HTML(负责页面的结构和语义)、CSS(负责页面的样式和表现)和JavaScript(负责页面的行为和动态效果)。文章通过示例代码展示了如何使用这三种技术来创建一个简单的网页,并解释了HTML文档的结构和语法。
52 0