一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个完全自定义配置的浏览器起始页插件——Dashboard。

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(1)

Dashboard是一款完全自定义配置的浏览器起始页。基于 Vite Vue3 TypeScript 构建的浏览器起始页,预设了多款简洁清爽的主题开箱即用,能够随心所欲地添加组件,编辑模式下可拖拽组件更改大小和位置,支持浏览器插件和网页两种使用方式。

特性
  • 提供基于文档流的响应布局或Fixed模式固定任意位置的两种布局模式
  • 响应式设计,编辑模式下拖拽组件更改其大小和位置
  • 组件可自由添加或删除,并且组件的样式和功能都是可配置的
  • 数据可使用密钥或 JSON 文件导出以实现同步功能
  • 预设多种主题,初始进入可任意选择
  • 可配置动态壁纸背景,选用官方提供或自行添加网络视频路径即可
  • 可配置多标签页模式,允许添加切换多个隔离的页面
  • 可配置组件交互行为,设置点击组件弹出另一个组件等交互操作
  • 资源使用 Service worker 缓存加快页面加载速度
  • 提供浏览器插件模式 Chrome extension
  • 提供基于 Electron 的桌面应用 Desktop Application
物料
  • Empty - 占位

占位区块组件,支持一些简单配置与自定义文本

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(2)

  • Clock - 时钟

简单的时钟组件

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(3)

  • Day - 自定义日期

Clock 的升级版,更强大的定义各种日期格式,使用 Dayjs 的 formatter格式化占位符 语法进行自定义。另外若最小单位是秒的,请更改组件刷新频率为1s

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(4)

  • Search - 搜索栏

支持添加自定义搜索引擎

按 Tab 键快速切换搜索引擎

支持关键词联想

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(5)

  • Collection - 键盘收藏夹

键盘收藏夹,设置网站后按相应按键自动跳转,网站 Icon 自动获取

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(6)

  • TodoList - 备忘清单

可同时设置不同日期,点击上方日期展开日期选择器

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(7)

Screenshot

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(8)

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(9)

一个炫酷的浏览器新标签页插件(一个完全自定义配置的浏览器起始页插件)(10)

-END-

开源协议:MIT

开源地址:https://github.com/leon-kfd/Dashboard

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页