几款前端开源模板

简介: 几款前端开源模板

做前端,直接开开源模板不仅省很多工夫,而且还比较美观,所以收藏一些,以备查用。

1、AdminLTE

AdminLTE是一个完全响应的后台管理模板。基于Bootstrap3框架。高度可定制,易于使用。适合许多屏幕分辨率从小型移动设备到大型台式机。

image.png源码地址https://github.com/ColorlibHQ/AdminLTE

演示地址https://adminlte.io/themes/AdminLTE/index2.html

2、Gentelella Admin

Gentelella Admin是一个免费的使用Bootstrap后台管理模板。该模板使用默认的Bootstrap3风格与各种强大的jQuery插件和工具来创建管理面板或后端仪表板创建一个强大的框架。

image.png

源码地址https://github.com/ColorlibHQ/gentelella

演示地址https://colorlib.com/polygon/gentelella/index.html

3、Vali Admin

Gentelella Admin是一个免费的使用Bootstrap后台管理模板。该模板使用默认的Bootstrap3风格与各种强大的jQuery插件和工具来创建管理面板或后端仪表板创建一个强大的框架。

image.png源码地址:https://github.com/pratikborsadiya/vali-admin

演示地址http://pratikborsadiya.in/vali-admin/

4、ModularAdmin

ModularAdmin是建立在一个模块化的方式,一个开放源码的仪表板的主题。这使得它非常容易扩展、修改和维护。

image.png源码地址https://github.com/modularcode/modular-admin-html

演示地址https://gurayyarar.github.io/AdminBSBMaterialDesign/index.html

5、Metis

METIS是一个简单但功能强大的免费自助管理仪表板的模板,你可以随意使用任何应用程序。

image.png源码地址https://github.com/puikinsh/Bootstrap-Admin-Template

演示地址https://colorlib.com/polygon/metis/

6、Ace

Ace是一个基于Twitter bootstrap3开发的后台模板。

image.png源码地址https://github.com/bopoda/ace

演示地址http://ace.jeka.by/

7、Light Bootstrap Dashboard

Light Bootstrap  Dashboard是一个建立在Bootstrap3之上的、完全响应的管理仪表板模板设计,美丽而简单。Light Bootstrap  Dashboard附带了大量的元素集合,可以为你提供最适合你需要的应用程序的多种可能性。它可以用来创建管理面板、项目管理系统、Web应用程序后端、CMS或CRM。

image.png源码地址https://github.com/creativetimofficial/light-bootstrap-dashboard

演示地址http://demos.creative-tim.com/light-bootstrap-dashboard

8、Material Dashboard

Material Dashboard是一个免费的 Material Bootstrap 后台。新的设计灵感来自谷歌的Material设计。Material Dashboard附带了一些第三方插件重新设计,以适应其余的元素

image.png源码地址https://github.com/creativetimofficial/material-dashboard

演示地址http://demos.creative-tim.com/material-dashboard/examples/dashboard.html

9、Clearmin

Clearmin是基于Bootstrap3开发的仪表板/程序/管理模板。

image.png源码地址https://github.com/paomedia/clearmin

演示地址http://cm.paomedia.com/

10、SB-Admin-2

image.png

源码地址https://github.com/BlackrockDigital/startbootstrap-sb-admin-2

演示地址https://startbootstrap.com/themes/sb-admin-2/

参考:

【1】、https://blog.csdn.net/H12KJGJ/article/details/79681432?utm_source=copyhttps://www.163.com

【2】、https://mp.weixin.qq.com/s/jNGoi88nvBDMgH4qSMBiuA


目录
相关文章
|
5月前
|
缓存 移动开发 Rust
前端构建工具 Mako 开源了
Hi,我是 sorrycc,Mako 的主要负责人之一,也是 Umi、Dva、Father 等库的作者。 很开心,Mako 终于开源了! Github 地址:https://github.com/umijs/mako/ 今天和大家正式介绍下他。
223 3
|
2月前
|
设计模式 前端开发 搜索推荐
前端必须掌握的设计模式——模板模式
模板模式(Template Pattern)是一种行为型设计模式,父类定义固定流程和步骤顺序,子类通过继承并重写特定方法实现具体步骤。适用于具有固定结构或流程的场景,如组装汽车、包装礼物等。举例来说,公司年会节目征集时,蜘蛛侠定义了歌曲的四个步骤:前奏、主歌、副歌、结尾。金刚狼和绿巨人根据此模板设计各自的表演内容。通过抽象类定义通用逻辑,子类实现个性化行为,从而减少重复代码。模板模式还支持钩子方法,允许跳过某些步骤,增加灵活性。
142 11
|
7天前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
25 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
2月前
|
人工智能 前端开发 小程序
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
106 31
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
|
3月前
|
前端开发 JavaScript 开发者
超实用开源前端商城模板,助力电商项目飞速启航!免费直接可用!
分享一款精心设计的开源前端商城模板,涵盖商品展示、购物车、订单处理、用户登录注册等核心功能,使用HTML、CSS、JS和jQuery构建,结构清晰,适合新手和资深开发者,助力电商项目快速启动。
191 0
超实用开源前端商城模板,助力电商项目飞速启航!免费直接可用!
|
5月前
|
前端开发
前端使用xlsx模板导出表格
【9月更文挑战第10天】在前端使用 `xlsx` 模板导出表格需完成以下步骤:首先引入 `xlsx` 库,准备数据与模板;接着读取模板文件,选择特定工作表并填充数据;最后将填充后的表格转换为二进制数据,创建 Blob 对象并触发下载。整个过程中可根据需求调整模板格式和数据填充方式。
165 5
|
6月前
|
开发框架 前端开发 JavaScript
【Vue 3】一款开箱即用的中后台前端开发框架,开源且免费!!
【Vue 3】一款开箱即用的中后台前端开发框架,开源且免费!!
|
6月前
|
开发者 容器 Docker
JSF与Docker,引领容器化浪潮!让你的Web应用如虎添翼,轻松应对高并发!
【8月更文挑战第31天】在现代Web应用开发中,JSF框架因其实用性和灵活性被广泛应用。随着云计算及微服务架构的兴起,容器化技术变得日益重要,Docker作为该领域的佼佼者,为JSF应用提供了便捷的部署和管理方案。本文通过基础概念讲解及示例代码展示了如何利用Docker容器化JSF应用,帮助开发者实现高效、便携的应用部署。同时也提醒开发者注意JSF与Docker结合使用时可能遇到的限制,并根据实际情况做出合理选择。
59 0
|
7月前
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(33)--- 邮件参数配置和模板邮件发送处理
循序渐进VUE+Element 前端应用开发(33)--- 邮件参数配置和模板邮件发送处理
|
7月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
266 4

热门文章

最新文章

  • 1
    【Java若依框架】RuoYi-Vue的前端和后端配置步骤和启动步骤
  • 2
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 5
    详解智能编码在前端研发的创新应用
  • 6
    巧用通义灵码,提升前端研发效率
  • 7
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 8
    智能编码在前端研发的创新应用
  • 9
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 10
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目