机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。

Material Kit 2

Material Kit 是一个 免费的 Bootstrap 5 UI 套件，拥有全新设计，灵感来源于 Google 的材质设计。你们提出了需求，所以我们开发了它。很高兴向你介绍这些易于使用且美观的组件中的材质概念。除了重新设计的 Bootstrap 元素外，你还会找到三个完整编码的示例页面，帮助你设计下一个项目。

Material Kit 利用光、表面和运动。它使用了精心选择的颜色、全屏图像和大规模排版。整体布局类似多层纸张，使深度和顺序显而易见。导航主要位于左侧，操作位于右侧。

这一新设计中的元素是根据墨水和纸张以及物体与材料在现实中交互方式的研究结果设计的。结果是一套美观且一致的元素集，可帮助你启动下一个项目。如果你希望为你的 Android 应用创建网页展示，并且需要保持一致性，给人视觉上相似元素的印象，Material Kit 是一个很棒的工具。它本身也是一个优秀的资源，外观华丽，能帮助你构建网页。

特别感谢：

• Nepcha Analytics 提供的分析工具。Nepcha 已经与 Material Dashboard 集成。你可以使用它来洞察你的流量来源。

版本

演示

查看更多

快速开始

• npm i material-kit
• 从Github下载。
• 从 Creative Tim 下载。
• 使用 Bower 安装：bower install material-kit。
• 克隆仓库：git clone https://github.com/creativetimofficial/material-kit.git。

部署

:rocket: 您可以通过一键将模板的自有版本部署到 Genezio：

文档

Material Kit 的文档托管在我们的网站上。

文件结构

在下载内容中，您将找到以下目录和文件：

material-kit
  ├── assets
  │   ├── css/
  │   ├── fonts/
  │   ├── img/
  │   ├── js
  │   │   ├── core
  │   │   ├── plugins
  │   │   └── material-kit.min.js
  │   └── scss
  │       ├── material-kit/
  │       └── material-kit.scss
  ├── docs
  │   ├── documentation.html
  ├── pages/
  ├── sections/
  ├── CHANGELOG.md
  ├── gulpfile.js
  ├── package.json
  ├── presentation.html

浏览器支持

目前，我们正式支持以下浏览器的最近两个版本：

资源

• 演示：https://demos.creative-tim.com/material-kit/presentation.html

• 下载页面: https://www.creative-tim.com/product/material-kit

• 文档：https://www.creative-tim.com/learning-lab/bootstrap/overview/material-kit

• 许可协议：https://www.creative-tim.com/license

• 支持：https://www.creative-tim.com/contact-us

• 问题: Github 问题页面

• Nepcha Analytics - 适用于您网站的分析工具

• 仪表板:

报告问题

我们使用 GitHub Issues 作为 Material Kit 的官方问题追踪工具。以下是一些建议，供希望报告问题的用户参考：

1. 确保您正在使用最新版本的 Material Kit。请在我们的网站上的仪表板中查看更新日志（CHANGELOG）。
2. 提供可复现问题的步骤将缩短问题修复所需的时间。
3. 某些问题可能与浏览器有关，因此说明您在使用哪个浏览器时遇到该问题可能会有所帮助。

升级到专业版

您在寻找更多组件吗？请点击这里查看我们高级版的 Material Kit。

许可

• 版权所有 2021 创意时光 ( https://www.creative-tim.com/?ref=mk2-github-readme )

• 根据 MIT 许可协议授权 ( https://github.com/creativetimofficial/material-kit/blob/master/LICENSE.md )

有用链接

• 教程
• 联盟计划（赚钱）
• 博客 Creative Tim
• 免费产品 来自 Creative Tim
• 高级产品 来自 Creative Tim
• React 产品 来自 Creative Tim
• Angular 产品 来自 Creative Tim
• VueJS 产品 来自 Creative Tim
• 更多产品 来自 Creative Tim
• 在这里查看我们的产品包

社交媒体

推特：https://twitter.com/CreativeTim

Facebook: https://www.facebook.com/CreativeTim

Dribbble: https://dribbble.com/creativetim

Instagram: https://www.instagram.com/CreativeTimOfficial

抖音：https://tiktok.com/@creative.tim

后端逻辑由 genezio 提供

genezio 是一个平台，使开发者可以轻松地编写、部署和使用无服务器 API。借助 genezio ，开发者可以在类中编写后端逻辑，并使用自己喜欢的编程语言设计前端。

一旦后端类编写完毕， genezio 会将它们部署到无服务器基础设施上。平台会生成一个 SDK，开发者可以用它以非常自然的方式远程调用类的方法，从而轻松地从客户端调用后端逻辑。

该平台提供了一些可供参考的示例，开发者还可以通过专用的 GitHub 操作将其集成到 CI/CD 流程中。

更多教程和详细信息请参阅以下资源：

• Document: https://github.com/creativetimofficial/black-dashboard-genezio
• 教程： https://genez.io/tags/tutorials/
• 示例： https://github.com/Genez-io/genezio-examples