logiksuite / tabler
高端和开源的响应式和高质量UI仪表板模板。免费!
1.0
2021-11-06 05:20 UTC
README
预览
Tabler完全响应式,与所有现代浏览器兼容。感谢其现代、用户友好的设计,您可以创建一个用户喜爱的完整功能界面!选择您需要的布局和组件,并自定义它们以使设计一致且引人注目。每个组件都经过精心设计,以确保您的界面美观!显示演示
功能
我们为所有人创建了这款基于我们预制作组件的模板。我们的使命是提供一款用户友好、清晰且易于使用的管理面板,无论是简单网站还是复杂系统都可以使用。唯一的要求是基本的HTML和CSS(以及一些Liquid)知识——作为回报,您将以最简单的方式管理和可视化不同类型的数据!
- 响应式:支持移动、平板和桌面显示,无论您使用什么设备。Tabler在所有主要浏览器中都是响应式的。
- 跨浏览器:我们的主题与最新的Chrome、Firefox+、最新Safari、Opera、Edge和移动浏览器完美兼容。我们努力为他们提供持续的支持。
- HTML5 & CSS3:我们只使用现代网络技术,如HTML5和CSS3。我们的主题包含一些微妙的CSS3动画,可以帮助您吸引注意力。
- 清洁代码:我们严格遵循Bootstrap的指南,使您的集成尽可能简单。所有代码都是手写的,并且是W3C有效的。
- 演示页面:Tabler具有超过20个使用各种组件的独立页面,这使您有自由选择和组合。所有组件都可以根据您的需要进行颜色和样式更改,您可以使用Sass轻松修改。天空是极限!
- 单页面应用版本: Tabler React为Tabler提供React组件。
文档
文档作为Tabler预览的一部分提供:https://preview.tabler.io/docs/
赞助Tabler
赞助商
通过成为赞助商来支持此项目。您的标志将显示在此README中,并提供您网站的链接。成为赞助商!
设置环境
要使用我们的构建系统和在本地运行我们的文档,您需要Tabler源文件的副本。按照以下步骤操作
- 安装Node.js,这是我们用来管理依赖项的。
- 导航到根目录
/tabler
,并运行npm install
以安装package.json
中列出的本地依赖项。 - 安装Ruby - 推荐版本是2.5.5。
- 安装 Bundler 使用
gem install bundler
,然后运行bundle install
。它将安装所有 Ruby 依赖项,例如 Jekyll 和插件。
Windows 用户:
- 安装 Git 到
C:\Program Files\git\bin
目录,并运行npm config set script-shell "C:\\Program Files\git\bin\bash.exe"
以更改默认的 shell。 - 安装 Ruby+Devkit - 推荐版本是 2.5.5。
- 阅读指南以无问题启动 Jekyll。
完成设置后,您将能够从命令行运行各种命令。
本地构建
- 从根目录
/tabler
,在命令行中运行npm run start
。 - 在您的浏览器中打开 https://:3000。
/src
目录中的任何更改都会构建应用程序并刷新页面。
注意:运行 npm run build
进行一次性构建应用程序而无需刷新。打开 https://:3001 以配置 Web 服务器。
安装
Tabler 通过 npm 分发。
npm install --save @tabler/core
CDN 支持
包含在 @tabler/core
npm 包中的所有文件都可通过 CDN 获取。
JavaScript
<script src="https://unpkg.com/@tabler/core@latest/dist/js/tabler.min.js"></script>
样式
<link rel="stylesheet" href="https://unpkg.com/@tabler/core@latest/dist/css/tabler.min.css">
功能请求
https://tabler.canny.io/feature-requests
错误和功能请求
发现了错误或有功能请求?请打开新问题。
创建者
Paweł Kuna
贡献者
该项目之所以存在,归功于所有贡献者。
赞助者
感谢所有赞助者!🙏 成为赞助者
感谢
感谢 Chromatic 提供视觉测试平台,帮助我们审查 UI 变更并捕获视觉回归。
许可证
查看LICENSE 文件。