# web-dev-toolkit

**Repository Path**: ytecnsong/web-dev-toolkit

## Basic Information

- **Project Name**: web-dev-toolkit
- **Description**: 一个轻量级、现代化的在线前端开发工具集合。无需安装，无需上传数据到服务器，所有处理均完全在本地浏览器中完成，安全、高效、保护隐私。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-13
- **Last Updated**: 2026-01-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web 开发工具箱 (Web Dev Toolkit)

一个轻量级、现代化的在线前端开发工具集合。无需安装，无需上传数据到服务器，所有处理均完全在本地浏览器中完成，安全、高效、保护隐私。

## 在线体验

> **在线演示**：[https://www.ytecn.com/dev/](https://www.ytecn.com/dev/)  
> **开源地址**：[https://gitee.com/ytecnsong/web-dev-toolkit](https://gitee.com/ytecnsong/web-dev-toolkit)

## 🛠️ 已收录工具

### [ICO 图标生成器](./tool/ico-generator.html)

支持图片转换与文字生成的在线 Favicon 制作工具，即拖即用，纯前端本地处理。

### [摸鱼神器 (Moyu)](./tool/moyu.html)

伪装成系统升级界面的摸鱼工具，支持多种系统风格，全屏沉浸体验。

### [密码生成器 (Password Generator)](./tool/password-generator.html)

安全高效的本地随机密码生成器，支持自定义长度和字符类型，一键复制。

## 🧩 核心组件库

本项目包含自主开发的独立组件，可快速复用于其他项目。

### 1. ❄️ Snow.js (雪花特效引擎)

位于 `js/snow.js` 的独立 JavaScript 插件。

- **主要逻辑**：`js/snow.js`
- **功能特性**：
  - **零配置启动**：无需复杂的初始化代码，引入脚本即生效。
  - **物理交互**：内置鼠标斥力算法，鼠标移动时会自然推开雪花。
  - **高性能渲染**：基于 Canvas 2D 绘制，60FPS 流畅运行，自动处理窗口缩放。

### 2. 🧭 响应式磨砂导航栏

- **视觉特性**：采用 CSS `backdrop-filter` 实现高级磨砂玻璃质感。
- **适配性**：在移动端和桌面端自动切换布局，始终保持最佳可读性。

## 🎨 设计风格

本项目采用 **"高级商务极简" (Premium Monochrome)** 设计语言，致敬 Apple Human Interface Guidelines 与 Notion 设计风格。

- **配色体系**：
  - 背景：`#f3f4f6` (冷淡灰)
  - 卡片：`#ffffff` (纯白)
  - 文字：`#111827` (深炭黑)
- **视觉细节**：
  - 精致的悬浮阴影 (Elevation)
  - 动态光球背景 (Subtle Animated Orbs)

## 🚀 快速开始

本项目为纯静态站点，没有任何后端依赖。

1. **下载项目**：获取所有文件。
2. **运行**：双击打开 `index.html` 即可开始使用。
3. **部署**：可以直接部署到 GitHub Pages, Vercel, Netlify 或任何静态服务器。

## 📂 文件结构

```text
/web-dev-toolkit
├── index.html          # 工具箱主页 (入口)
├── ico-generator.html  # ICO 生成器应用
├── js/
│   └── snow.js         # [核心组件] 雪花特效插件
└── README.md           # 项目说明文档
```

## 📜 版权信息

© 2026 Web 开发工具箱. 保留所有权利。