具有响应式高质量 UI 的优质开源仪表板模板。

🔎 预览

Tabler 完全响应式设计，兼容所有现代浏览器。得益于其现代化且用户友好的设计，您可以创建功能齐全、用户喜爱的界面！选择您需要的布局和组件，并进行自定义，让您的设计保持一致且引人注目。每个组件都经过精心设计，力求让您的界面更加美观！演示

🚀 功能

我们为所有想要基于我们预制组件创建模板的用户打造了这款管理面板。我们的使命是提供一个用户友好、清晰易用的管理面板，适用于简单的网站和复杂的系统。只需具备基本的 HTML 和 CSS（以及一些 Liquid）知识即可——作为奖励，您将能够以最简单的方式管理和可视化不同类型的数据！

• 响应式：Tabler 支持移动设备、平板电脑和桌面显示器，无论您使用哪种设备，都无关紧要。Tabler 在所有主流浏览器中均具有响应式显示。
• 跨浏览器：我们的主题与最新的 Chrome、Firefox+、Safari、Opera、Edge 和移动浏览器完美兼容。我们致力于为这些浏览器提供持续的支持。
• HTML5 和 CSS3：我们仅使用现代 Web 技术，例如 HTML5 和 CSS3。我们的主题包含一些精妙的 CSS3 动画，助您吸引眼球。
• 简洁代码：我们严格遵循 Bootstrap 的指南，确保您的集成尽可能轻松。所有代码均为手写，并符合 W3C 标准。
• 演示页面：Tabler 包含 20 多个使用各种组件的独立页面，您可以自由选择和组合。所有组件的颜色和样式均可自定义，您可以使用 Sass 轻松修改。一切皆有可能！

📖 文档

文档可在 https://docs.tabler.io/ 获取

安装

软件包管理器

Tabler 通过 npm 分发。您可以使用以下或您常用的 JavaScript 软件包管理器进行安装：

npm install --save @tabler/core

CDN 支持

“@tabler/core”npm 软件包中包含的所有文件也可通过 CDN 获取。

Javascript

<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>

样式

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css">

本地构建

要在本地构建 Tabler 副本，您有两种选择。您可以直接使用构建 Tabler 所需的开发工具来设置您的设备，或者如果您不想将所有开发依赖项直接安装到设备上，也可以使用 Tabler 提供的 Dockerfile 来构建 Docker 镜像。具体说明如下。

第一步：下载 Tabler 源文件

无论使用哪种方法，您首先要做的就是将 Tabler 源文件的副本下载到您的设备上。

从 Tabler GitHub 发布页面下载

如果您下载源代码后不想编辑，并且不想将未来的项目更新合并到您的副本中，您可以直接从 Tabler GitHub 发布页面 下载源文件，并将内容解压到名为“tabler”的目录中。

使用 Git 克隆

如果您确实希望在下载源代码后进行编辑，例如将更改贡献回 Tabler 项目，则需要使用 Git 克隆：

1. 如果您的设备上尚未安装 Git，请下载并安装。您可以在 https://git-scm.com/downloads 上找到相关说明。
2. （可选）Windows 用户：您可以选择将 Git 安装在 C:\Program Files\git\bin 目录中，然后运行 npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe" 来更改默认 shell。
3. 将 Tabler 项目克隆到您设备上的文件夹中。可以在克隆存储库中找到说明(https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository)。