# widgets **Repository Path**: twinklys/widgets ## Basic Information - **Project Name**: widgets - **Description**: 开源桌面组件 - **Primary Language**: Unknown - **License**: GPL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2025-02-28 - **Last Updated**: 2025-02-28 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

Widgets - Capable and ergonomic widgets.
桌面组件

Chat bilibili Feedback discord

![png](public/screenshot.jpg) ### 说明 这是桌面组件前端开源组件,项目还在持续完善中 ### Windows 10/11 客户端下载 1. https://www.microsoft.com/store/productId/9NPR50GQ7T53 2. https://widgetjs.cn ### 项目目录结构 ``` widgets ├── src │ ├── components // 常用Vue组件 │ ├── views // │ ├── widgets // 桌面组件文件 │ │ ├── countdown // 每个桌面组件一个文件夹 │ │ │ ├── XXWidget.vue // 桌面小组件 │ │ │ ├── XXConfig.vue // 小组件配置页面 │ │ │ └── XXView.vue // 小组件页面 │ │ └── ... │ └── index.ts ├── .gitignore ├── package.json ├── README.md └── tsconfig.json ``` ### 运行项目 #### 1.下载并运行桌面组件客户端 1. https://www.microsoft.com/store/productId/9NPR50GQ7T53 2. https://widgetjs.cn #### 2.克隆代码 ```shell #克隆代码 git clone https://github.com/widget-js/widget.git ``` #### 3.到项目目录下载依赖 ```shell pnpm install ``` #### 4.运行 ```shell pnpm serve ``` ### 组件列表 ### 监控组件包 | 监控组件包 | |:-------------------------------------------------------------------------------------------------------------:| | ![监控面板](https://github.com/rtugeek/monitor/blob/master/public/image/preview_base_panel.png?raw=true)
监控面板 | ### 默认组件包 | 默认组件包 | https://github.com/widget-js/widgets | |:-----:|:------------------------------------------------------------------------------------------------------------:| | 待办事项 | ![image](public/images/preview_todo_list.png) | | 生日列表 | ![gif](public/images/preview_birthday_list.png) | | 倒计时1 | ![gif](public/images/preview_countdown.png) | | 倒计时2 | ![gif](public/images/preview_countdown2.png) | | 灵动通知 | ![gif](screenshot/dynamic_island.gif) | | 打工进度 | ![screenshot/labor_progress.gif](screenshot/labor_progress.gif) | | 时间进度 | | ### AI组件包 https://github.com/rtugeek/ai #### 一键呼出ChatGPT ![png](https://raw.githubusercontent.com/rtugeek/ai/master/screenshot.png) ### 剪切板组件包 | 剪切板组件包 | https://github.com/rtugeek/clipboard | |:------:|:------------------------------------------------------------------------------------------------------------:| | 剪切板 | ![Clipboard](https://raw.githubusercontent.com/rtugeek/clipboard/master/public/images/preview_clipboard.png) | | 快捷搜索 | | ### 天气组件包 | 天气组件包 | https://github.com/rtugeek/weather | |:-----:|:------------------------------------------------------------------------------------------:| | 2x2 | ![2x2](https://raw.githubusercontent.com/rtugeek/weather/master/public/preview_small.png) | | 4x2 | ![4x2](https://raw.githubusercontent.com/rtugeek/weather/master/public/preview_medium.png) | | 4x4 | ![4x4](https://raw.githubusercontent.com/rtugeek/weather/master/public/preview_large.png) | ### 工具类组件包 | 工具类组件包 | https://github.com/rtugeek/utilities | |---------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------| | 键盘演示 | ![png](./public/images/preview_keystroke.png) | | 喝水提醒 | | ### 热点组件包 | 热点组件包 |https://github.com/widget-js/hotspot| |:--------------------------------------------------------------------------------------------------------------------:|----------------------------------------------------------------------------------------------------------| | ![bilibili](https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/bilibili_hot_search.png) | ![weibo.png](https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/weibo_hot_search.png) | | ![douyin](https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/preview_douyin.png) | ![zhihu.png](https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/preview_zhihu.png) | | ![douyin](https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/preview_bangumi.png)
追番助手 | | ### 时钟组件包 | 时钟组件包 | https://github.com/rtugeek/clock | |:--------------------------------------------------------------------------------------------------------------------:|:------------------------------------------------------------------------------------------------------------------:| |![Flip Clock](https://raw.githubusercontent.com/rtugeek/clock/master/public/images/preview_flip_clock.png)
翻页时钟 | ![Clock](https://raw.githubusercontent.com/rtugeek/clock/master/public/images/preview_clock.png)
时钟 | | ![Glitch Clock](https://raw.githubusercontent.com/rtugeek/clock/master/public/images/preview_glitch_clock.png)
故障时钟 | ![Micky Clock](https://raw.githubusercontent.com/rtugeek/clock/master/public/images/preview_micky_clock.png)
米奇时钟 | ### 相册组件包 | 相册组件包 | https://github.com/rtugeek/photo | |:----------------------------------------------------------------------------------------------------------:|:-----------------------------------------------------------------------------------------------------------------------:| | ![大头贴](https://raw.githubusercontent.com/rtugeek/photo/master/public/images/preview_sticker.png)
大头贴 | ![Clock](https://raw.githubusercontent.com/rtugeek/photo/master/public/images/preview_photo.png)
轮播相册 | ### 趣味组件包 | 趣味组件包 | https://github.com/rtugeek/fun | |:------------------------------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------------------------------------------------------------:| | ![电子木鱼](https://raw.githubusercontent.com/rtugeek/fun/master/public/images/preview_wooden_fish.png)
电子木鱼 | ![preview_hitler.png](https://raw.githubusercontent.com/rtugeek/fun/refs/heads/master/public/images/preview_hitler.png)
仪表盘 |