TimePulse - 现代化计时器应用

致力于成为最漂亮的计时器应用。

TimePulse 是一个具有现代化 UI 和交互的计时器网页应用，支持多计时器管理、数据分享、用户数据同步、全屏展示等功能，可进行倒计时、正计时和显示世界时钟。采用玻璃态设计和流畅动画效果，提供极佳的视觉体验。

预览: TimePulse

特点

核心功能

• 支持多个计时器的创建和管理
• 数据本地存储与云端同步
• 支持生成分享链接和二维码
• 支持全屏展示模式
• 智能识别常用节假日
• 支持PWA，可安装到主屏幕并离线使用
• 国际化支持，提供中英双语
• 支持倒计时通知提醒

视觉和交互

• 精美的玻璃态设计和流畅动效
• 自适应模糊渐变背景，随主题色变化
• 暗色/亮色主题自动切换
• 完全响应式设计，适配各种设备

技术栈

• Next.js - React 框架
• Framer Motion - 高级动画库
• Tailwind CSS - 实用工具优先的 CSS 框架
• localStorage - 本地数据持久化
• KV Cache - 云端数据存储服务

快速开始

作为Nextjs纯前端项目，可以在任何支持托管Next.js(或Nodejs)的平台上部署。

另外，你也可以下载 Releases 中的静态预构建资源（形如site-vx.x.x.zip），将其部署在Github Pages、Cloudflare Pages或其他任何静态托管服务商上

Vercel一键部署

本地运行

1. 克隆仓库

git clone https://github.com/RavelloH/TimePulse.git
cd TimePulse

2. 安装依赖

npm install

3. 启动开发服务器

npm run dev

4. 构建生产版本

npm run build

使用说明

• 点击右下角"+"按钮创建新的倒计时
• 点击左下角分享按钮分享倒计时
• 点击右上角菜单切换主题或编辑计时器
• 点击右上角全屏按钮进入全屏模式
• 向下滚动可查看更多信息和运行日志
• 在设置中生成同步ID，用于在不同设备间同步数据

浏览器兼容性

• Chrome/Edge/Safari/Firefox 最新版本
• 支持大多数现代移动浏览器
• 不支持 IE11 及以下版本

贡献指南

欢迎提交 Pull Request 或 Issue 来帮助改进 TimePulse。

许可证

MIT License