HTML后台

metaphor-admin — HTML 后台模板

作者 surjithctly

基于 HTML、Material CSS 与 SASS 构建的免费后台管理仪表盘模板，采用 MIT 许可，可直接下载或克隆后编辑 HTML 文件。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-12查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

HTML 后台管理仪表盘模板，样式基于 Material CSS 与 SASS

README 给出直接编辑 HTML 文件的使用路径

SASS 需借助编译工具处理，作者推荐图形化工具 Prepros

采用 MIT 许可，允许免费使用、修改、商用与分发

提供在线演示与桌面端、手机端截图

模板详细介绍

metaphor-admin 是一个后台管理仪表盘模板，仓库由 surjithctly 维护，采用 HTML 编写，样式部分使用 Material CSS 与 SASS。README 说明其使用方式为下载或克隆仓库后直接编辑 HTML 文件；若需要修改 SASS 源码，则需要借助编译工具，作者推荐了图形界面的 Prepros。模板提供在线演示站点，仓库中附有桌面端与手机端截图。该模板以 MIT 许可发布，允许免费使用、修改、商用和分发代码，但演示图片、字体、图标等第三方素材需单独核对许可。仓库最近更新时间为 2020 年，未提供依赖清单或构建流程说明，因此不涉及具体框架版本与生产就绪程度的判断。

HTML后台

适合你的项目吗？

适用场景

需要一个可直接编辑 HTML 的后台界面起点
用于学习 Material CSS 与 SASS 在后台布局中的组织方式
作为内部管理工具或演示原型的界面基础

适合人群

熟悉 HTML 与 SASS 的前端开发者
需要轻量后台模板进行二次修改的团队
希望以 MIT 许可复用后台界面代码的项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
下载或克隆仓库后直接编辑 HTML 文件即可使用
2
修改 SASS 前需准备编译工具，README 推荐 Prepros
3
演示图片、字体、图标等第三方素材需按各自许可核对
4
仓库未提供依赖清单与构建脚本说明，使用前建议自行确认环境

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
修改 SASS 源码需要额外的编译工具；README 推荐使用图形界面工具 Prepros（其本身免费），即 SASS 编辑依赖外部工具。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

To compile SASS you might need a compiling tool. If you prefer GUI, Try https://prepros.io/ (Its free)
README 原文

https://github.com/surjithctly/metaphor-admin/blob/main/LICENSE https://github.com/surjithctly/metaphor-admin/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-12。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 68 / 100
技术栈: HTML
网站类型: 后台

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2020-10-23
截图检查日期: 2026-10-12

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: 722d3a4982da1a094f557470794781617d097d3648a206a42724880ddd60af4b

2026-10-12T23:23:19.700Z

来源文件 / 仓库

# Metaphor Free Admin Dashboard Template

Free Admin Dashboard HTML Template Created with Material CSS &amp; SASS

## Live Demo

https://metaphor-admin.vercel.app/

## Screenshot

![metaphor-admin](https://user-images.githubusercontent.com/1884712/96971087-3fed5a80-1532-11eb-9580-53c6ed8717bd.jpg)

## Usage

Download or Clone this repo ans start editing HTML Files. 

## Compiling SASS

To compile SASS you might need a compiling tool. If you prefer GUI, Try https://prepros.io/ (Its free)

## License

Its free & licensed under [MIT](https://opensource.org/licenses/MIT)

## Author

Copyright © 2020 Surjith S M. Follow me on [Twitter](https://twitter.com/surjithctly)

反馈内容错误