还在用死板的桌面？Wigify 让你用 HTML/CSS/JS 自由打造个性化桌面小组件。内置 VS Code 同款 Monaco 编辑器、实时预览、自动刷新，支持天气图表倒计时等模板，Windows/macOS/Linux 全平台支持，开源免费即刻体验，文末附详细使用教程

🎤 引言

你的桌面是不是总是堆满了各种应用窗口，却找不到想要的信息？

想要一个能显示天气、待办事项、系统状态的小组件，却找不到合适的工具？

很多人不知道，其实你可以用熟悉的 HTML/CSS/JavaScript，自己打造专属的桌面小组件。

⭐ 核心功能

🎯 零门槛自定义组件

Wigify 最大的特点就是完全开放——不需要学习新的框架或语言，只要你会写网页，就能创建桌面小组件。

  • 使用纯 HTML/CSS/JavaScript 编写
  • 无需框架，直接上手
  • 支持外部 API 调用，数据实时更新

🛠️ 内置 Monaco 编辑器

集成了 VS Code 同款 Monaco 编辑器，代码体验一流：

  • 语法高亮支持 HTML/CSS/JS
  • 智能代码补全
  • 实时错误提示
  • 主题跟随系统

📊 丰富的组件模板

内置多种实用模板，开箱即用：

  • Stat - 系统状态监控（CPU、内存、网络）
  • Weather - 天气信息显示
  • Chart - 数据可视化图表
  • Visualizer - 音频可视化效果
  • Countdown - 倒计时/纪念日
  • Digital Clock - 数字时钟

⚡ 实时预览与自动刷新

  • 代码修改即时预览，所见即所得
  • 支持设置自动刷新间隔（1秒到1小时）
  • 数据始终保持最新

🎨 智能交互设计

  • Cursor Dodge - 鼠标靠近时组件自动淡出，不干扰工作
  • Smart Grid - 智能网格布局，自动排列整齐
  • Drag & Resize - 自由拖拽和调整大小，位置自动保存
  • System Tray - 系统托盘快速控制

📥 安装与使用

macOS（推荐）

brew install wigify/tap/wigify

Windows & Linux

从 https://github.com/wigify/wigify/releases 下载对应版本的安装包。

快速开始

  1. 启动 Wigify，点击右上角 + 创建新组件
  2. 选择模板或从空白开始
  3. 在 Monaco 编辑器中编写代码
  4. 实时预览效果
  5. 调整位置和大小，完成布局

💻 技术架构

Wigify 采用现代技术栈构建：

  • Electron - 跨平台桌面应用框架
  • React + TypeScript - 前端 UI 与类型安全
  • Vite - 极速构建工具
  • Tailwind CSS - 原子化 CSS 框架
  • Monaco Editor - VS Code 同款代码编辑器
  • Radix UI - 无障碍 UI 组件库

🎯 适用场景

人群使用场景
开发者监控系统状态、展示 API 数据、自定义仪表盘
设计师展示作品集、设计规范、配色方案
学生课程表、倒计时、待办事项
办公族日历、天气、股票行情、新闻资讯
极客打造独一无二的个性化桌面

📊 同类对比

工具自定义程度技术门槛开源跨平台
Wigify⭐⭐⭐⭐⭐低（HTML/CSS/JS）✅✅
Rainmeter⭐⭐⭐⭐高（专用语法）❌❌ Windows
Übersicht⭐⭐⭐中（CoffeeScript）✅❌ macOS
Conky⭐⭐⭐高（Lua）✅✅ Linux

Wigify 优势：使用最广泛的 Web 技术，零学习成本，真正的跨平台。

🔗 下载链接

✅ 总结

Wigify 是一款让桌面焕然一新的开源神器。它打破了传统小组件工具的技术壁垒，让任何会写网页的人都能创建个性化桌面组件。

无论是监控服务器状态、展示个人数据，还是纯粹美化桌面，Wigify 都能满足你的需求。

开源免费，立即尝试，打造属于你的个性化工作台！