Github每日精选(第32期):HTML智能仪表盘tabler

tabler

tabler是基于 Bootstrap 构建的免费开源 HTML Dashboard UI Kit

tablergithbu 的地址在这里

Tabler 完全响应并与所有现代浏览器兼容。由于其现代、用户友好的设计,您可以创建一个用户会喜欢的功能齐全的界面!选择您需要的布局和组件并对其进行自定义,以使您的设计一致且引人注目。每个组件的创建都注重细节,使您的界面美观!

在这里插入图片描述

特点

我们为想要基于我们的预制组件创建模板的每个人创建了这个管理面板。我们的使命是提供一个用户友好、清晰和简单的管理面板,简单的网站和复杂的系统都可以使用。唯一的要求是基本的 HTML 和 CSS(以及一些Liquid)知识——作为奖励,您将能够以最简单的方式管理和可视化不同类型的数据!

  • 响应迅速:借助对移动设备、平板电脑和桌面显示器的支持,无论您使用什么设备都无所谓。Tabler 在所有主要浏览器中都具有响应性。
  • 跨浏览器:我们的主题与最新的 ChromeFirefox+、最新的 Safari、Opera、Edge 和移动浏览器完美配合。我们努力为他们提供持续的支持。
  • HTML5CSS3:我们只使用现代网络技术,例如 HTML5 CSS3。我们的主题包括一些微妙的 CSS3 动画,这将帮助您吸引注意力。
  • 干净的代码:我们仔细遵循 Bootstrap 的指南,以使您的集成尽可能简单。所有代码都是手写的并且 W3C 有效。
  • 演示页面:Tabler 拥有超过 20 个使用各种组件的单独页面,让您可以自由选择和组合。所有组件的颜色和样式都可以变化,您可以使用 Sass 轻松修改。天空才是极限!
  • 单页应用程序版本: Tabler React具有 TablerReact 组件。

如果您想创建一个不仅用户友好而且完全响应的界面,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:3000 ,然后瞧。
  • 目录中的任何更改都/src将构建应用程序并刷新页面。
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

go2coding

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值