Github每日精选(第32期):HTML智能仪表盘tabler
tabler
tabler
是基于 Bootstrap
构建的免费开源 HTML Dashboard UI Kit
。
tabler
githbu 的地址在这里。
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 是一个完美的解决方案。由于有大量现成组件可供选择,您可以定制您的设计并使其适应最苛刻用户的需求。最重要的是,Tabler 是一个开源解决方案,由开源社区不断开发和改进。
设置环境
要使用我们的构建系统并在本地运行我们的文档,您需要一份 Tabler 源文件的副本。请按照以下步骤操作:
- 安装 Node.js,我们用它来管理我们的依赖项。
- 导航到根/tabler目录并运行npm install以安装我们在package.json.
- 安装 Ruby - 推荐的版本是2.5.5。
- 安装 Bundler,gem install bundler最后运行bundle install. 它将安装所有 Ruby 依赖项,例如Jekyll 和 plugins。
Windows 用户
在目录中安装 GitC:\Program Files\git\bin并运行npm config set script-shell "C:\Program Files\git\bin\bash.exe"
以更改默认 shell
。
- 安装 Ruby+Devkit - 推荐的版本是2.5.5。
- 阅读指南,让 Jekyll 顺利启动并运行。
- 完成设置后,您将能够运行命令行提供的各种命令。
在本地构建 Tabler
- 从根
/tabler
目录,npm run start
在命令行中运行。 - 在浏览器中打开
http://localhost:300
0 ,然后瞧。 - 目录中的任何更改都
/src
将构建应用程序并刷新页面。