Giter VIP home page Giter VIP logo

dashboard's Introduction

Howdz

Howdz Dashboard

基于Vue3, Typescript, Vite的一个完全自定义配置的浏览器起始页

Document

Website

Feature

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

Screenshot

Materials

Empty - 占位

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

Clock - 时钟

简单的时钟组件

Day - 自定义日期

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

Verse - 随机古诗

随机古诗组件,API 来源于`https://www.jinrishici.com/`, 可配置定时刷新

Search - 搜索栏
  • 支持添加自定义搜索引擎
  • 按 Tab 键快速切换搜索引擎
  • 支持关键词联想
  • Collection - 键盘收藏夹

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

    Iframe - 外部网站

    设置嵌入Iframe,最新版浏览器只支持同协议(当前网站为 https)的Iframe

    TodoList - 备忘清单

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

    Weather - 天气

    天气组件,支持通过 IP 自动获取城市也可手动输入,后续考虑添加读取 GPS

    CountDown - 倒计时

    支持天、小时、分钟三种单位的设置倒计时事件

    JuejinList - 掘金热门

    显示最新热门列表,支持配置自动刷新

    WeiboList - 微博热搜

    显示最新微博热搜列表,支持配置自动刷新

    GithubTrending - Github 趋势

    显示当天Github Trending列表,支持配置自动刷新

    ZhihuList - 知乎热榜

    显示当前知乎热榜,支持配置自动刷新

    Editor - Markdown编辑器

    基于Milkdown实现,支持按需加载各种插件包括:

  • Tooltip: 在选择文本后会在其上方出现工具栏可快速切换格式
  • Slash: 斜线命令,输入“/”后会弹出快速选择工具栏
  • Clipboard: 为编辑器添加复制粘贴Markdown格式功能
  • History: 增加历史记录功能,使用Ctrl+ZCtrl+Y
  • Prism: 为代码块增加高亮功能
  • MovieLine - 电影经典台词

    随机一句电影经典台词,并展示其电影海报作为背景,支持动态设置各种显示

    Bookmark - 书签

    书签管理器,当前文件夹只支持一级目录。

  • 添加时输入网址可自动获取网站ICON与标题
  • 图标样式、大小、背景色都可自定义,图标可缓存为Base64
  • 支持从Chrome内核的浏览器导出的书签HTML文件导入
  • More

    License

    All for MIT

    Copyright (c) 2021 Leon.D

    dashboard's People

    Contributors

    leon-kfd avatar dsource avatar zalj avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.