ct material dashboard pro

材料仪表板2 PRO

由 Creative Tim 制作的最复杂和创新的仪表板。查看我们最新的 Premium Bootstrap 5 仪表板，其新颖的设计灵感来自 Google 的 Material Design 2。

专为那些喜欢大胆元素和漂亮网站的人而设计。 Material Dashboard 2 PRO 由数百个元素、设计块和完全编码的页面组成，可帮助您创建令人惊叹的网站和 Web 应用程序。

我们为登录、个人资料等页面创建了许多示例。只需在基本设计、插图或封面之间进行选择，就可以开始了！

Material Dashboard 2 PRO 利用光、表面和运动。总体布局有两种模式：浅色和深色。在存档中，您将找到多个有关如何使用所有组件的示例页面。当然，每个元素都有记录。

完全编码的元素

Material Dashboard 2 PRO 由 300 多个前端独立元素构建而成，例如按钮、输入、导航栏、导航选项卡、卡片或警报，让您可以自由选择和组合。所有组件都可以采用颜色变化，您可以使用 SASS 文件和类轻松修改颜色。

从原型设计到全功能代码，您将节省大量时间，因为所有元素都已实现。

这款 Premium Bootstrap 5 仪表板带有预构建的设计块，因此开发过程是无缝的，
从我们的页面切换到真实网站非常容易。

在此查看所有组件。

开发人员构建的文档

每个元素都在非常复杂的文档中得到了很好的呈现。

您可以在此处阅读有关文档的更多信息。

示例页面

如果您想获得灵感或只是直接向客户展示一些内容，您可以使用我们预先构建的示例页面来启动您的开发。您将能够快速设置 Web 项目的基本结构。

在此处查看示例页面。

有用的链接

• 查看 Github 存储库
• 查看知识中心页面

特别感谢

在开发此仪表板的过程中，我们使用了来自优秀开发人员的许多现有资源。我们要感谢他们提供开源工具：

• noUISlider - JavaScript 范围滑块
• Popper.js - 用于管理 poppers 的 Kickass 库
• Flatpickr - 用于选择日期的有用库
• Choices JS - 一个不错的插件，可以通过直观的多选和搜索来选择元素，还可以管理标签。
• CountUp JS - 一个无依赖的轻量级 JavaScript 类，可用于快速创建以更有趣的方式显示数字数据的动画。
• Charts Js - 为设计师和开发人员提供简单而灵活的 JavaScript 图表
• FullCalendar - 全尺寸拖放事件日历
• Dropzone - 一个开源库，提供带有图像预览的拖放文件上传。
• 数据表 - 数据表，但在 Vanilla ES2018 JS 中
• jKanban - 用于看板的纯粹不可知的 Javascript 插件
• PhotoSwipe - 适用于移动和桌面的 JavaScript 图像库，模块化，独立于框架
• Quill - 专为现代网络构建的免费开源 WYSIWYG 编辑器
• Sweet Alerts - 一个漂亮的、响应式的、可定制的、易于访问的 Javascript 弹出框的替代品。
• Three.js - JavaScript 3D 库
• 向导 - Bootstrap 的动画多步骤表单
• Nepcha Analytics 用于分析工具。 Nepcha 已与 Material Dashboard 2 PRO 集成。您可以使用它来深入了解流量来源。

请在下面告诉我们您的想法。祝您发展顺利！

目录

• Material Dashboard 2 PRO - 特别感谢
  • 目录
  • 版本
  • 演示
  • 快速启动
  • 终端命令
  • 文档
    • 包含什么
  • 浏览器支持
  • 资源
  • 报告问题
  • 技术支持或问题
  • 许可
  • 有用的链接 - 社交媒体

版本

超文本标记语言

演示

• 仪表板
• 汽车
• 虚拟现实
• 轮廓
• 帐户
• RTL
• 应用领域
• 电子商务
• 登入
• 报名

查看更多。

快速启动

快速启动选项：

• 从创意蒂姆购买。

终端命令

1. 从 NodeJs 官方页面下载并安装 NodeJs。
2. 导航到 root / 目录并运行 npm install 以安装我们的本地依赖项。

文档

材料仪表板的文档托管在我们的网站上。

包含什么

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

 material-dashboard-pro
    ├── assets
    │   ├── css
    │   ├── fonts
    │   ├── img
    │   ├── js
    │   │   ├── core
    │   │   ├── plugins
    │   │   └── points.json
    │   │   └── material-dashboard.min.js
    │   └── scss
    │       ├── material-dashboard-pro
    │       └── material-dashboard.scss
    ├── docs
    │   ├── documentation.html
    ├── pages
    │   ├── applications
    │   ├── authentication
    │   ├── dashboards
    │   ├── ecommerce
    │   ├── pages
    ├── CHANGELOG.md
    ├── gulpfile.js
    ├── package.json
    ├── presentation.html

浏览器支持

目前，我们官方的目标是支持以下浏览器的最后两个版本：

资源

• 实时预览
• 购买页面
• 文档在这里
• 许可协议
• 支持
• 问题：Github 问题页面
• Nepcha Analytics - 您网站的分析工具

报告问题

我们使用 GitHub Issues 作为 Material Dashboard 2 PRO 的官方错误跟踪器。以下是针对想要报告问题的用户的一些建议：

1. 确保您使用的是最新版本的 Material Dashboard 2 PRO。从我们网站上的仪表板检查变更日志。
2. 为我们提供针对该问题的可重现步骤将缩短修复问题所需的时间。
3. 有些问题可能是浏览器特定的，因此指定您在哪个浏览器中遇到该问题可能会有所帮助。

技术支持或问题

如果您有疑问或需要集成产品的帮助，请联系我们而不是提出问题。

许可

• 版权所有 2023 创意蒂姆
• 创意蒂姆许可

有用的链接

• 更多产品来自 创意蒂姆

• 教程

• 创意蒂姆的免费赠品

• 联盟计划（赚钱）

• 捆绑包

• 材料设计

• 获得折扣

社交媒体

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

脸书：https://www.facebook.com/CreativeTim

Dribbble：https://dribbble.com/creativetim

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

Instagram：https://instagram.com/creativetimofficial