当前位置: 首页 > news >正文

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将构建应用程序并刷新页面。

相关文章:

  • 对多个 CSV 文件做关联
  • 记录一次数据库CPU被打满的排查过程
  • 金九银十准备季:Java IO流面试题(含答案)
  • Kubeadm方式快速搭建K8S集群1.20版本
  • 手把手开发Admin 系列一(设计篇)
  • java计算机毕业设计西安财经大学校园一卡通管理系统源码+系统+数据库+lw文档+mybatis+运行部署
  • 丁鹿学堂前端培训:前端性能优化css篇(一)
  • MASA Stack 第四期社区例会
  • 钓鱼 - deb 包篡改
  • Jackson关于Western Blot、IHC 和 ELISA 的显色检测分析
  • ES7+知识点整理使用
  • 一零二五、hexo : 无法加载文件 C:\Users\Tuomasi\AppData\Roaming\npm\hexo.ps1,因为在此系统上禁止运行脚本。
  • Android androidStudio构建项目过程中问题解决方案(持续更新)
  • windows10 使用 postgreSQL
  • NeuN抗体丨SYSY NeuN抗体说明书及相关研究工具
  • Android单元测试 - 几个重要问题
  • android图片蒙层
  • codis proxy处理流程
  • EventListener原理
  • GraphQL学习过程应该是这样的
  • MYSQL 的 IF 函数
  • PAT A1050
  • puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决
  • Spark学习笔记之相关记录
  • Storybook 5.0正式发布:有史以来变化最大的版本\n
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 从地狱到天堂,Node 回调向 async/await 转变
  • 关于使用markdown的方法(引自CSDN教程)
  • 记录一下第一次使用npm
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 一些css基础学习笔记
  • 用 vue 组件自定义 v-model, 实现一个 Tab 组件。
  • ​LeetCode解法汇总307. 区域和检索 - 数组可修改
  • ​linux启动进程的方式
  • #1015 : KMP算法
  • (1)STL算法之遍历容器
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (js)循环条件满足时终止循环
  • (python)数据结构---字典
  • (保姆级教程)Mysql中索引、触发器、存储过程、存储函数的概念、作用,以及如何使用索引、存储过程,代码操作演示
  • (二十一)devops持续集成开发——使用jenkins的Docker Pipeline插件完成docker项目的pipeline流水线发布
  • (附源码)php新闻发布平台 毕业设计 141646
  • (原創) X61用戶,小心你的上蓋!! (NB) (ThinkPad) (X61)
  • (转)IOS中获取各种文件的目录路径的方法
  • (转)Oracle存储过程编写经验和优化措施
  • (转)大型网站架构演变和知识体系
  • (轉貼)《OOD启思录》:61条面向对象设计的经验原则 (OO)
  • .Net - 类的介绍
  • .net core 6 使用注解自动注入实例,无需构造注入 autowrite4net
  • .net framework 4.0中如何 输出 form 的name属性。
  • .net websocket 获取http登录的用户_如何解密浏览器的登录密码?获取浏览器内用户信息?...
  • .net 打包工具_pyinstaller打包的exe太大?你需要站在巨人的肩膀上-VC++才是王道
  • ::
  • @transactional 方法执行完再commit_当@Transactional遇到@CacheEvict,你的代码是不是有bug!...
  • [1204 寻找子串位置] 解题报告