https://github.com/ravelloh/timepulse
致力于成为最漂亮的计时器应用。 TimePulse 是一个具有现代化 UI 和交互的计时器网页应用，支持多计时器管理、数据分享、用户数据同步、全屏展示等功能，可进行倒计时、正计时和显示世界时钟。采用玻璃态设计和流畅动画效果，提供极佳的视觉体验。
https://github.com/ravelloh/timepulse
countdown countdown-timer framer-motion glassmorphism tailwindcss timer
Last synced: about 2 months ago
JSON representation
致力于成为最漂亮的计时器应用。 TimePulse 是一个具有现代化 UI 和交互的计时器网页应用，支持多计时器管理、数据分享、用户数据同步、全屏展示等功能，可进行倒计时、正计时和显示世界时钟。采用玻璃态设计和流畅动画效果，提供极佳的视觉体验。
- Host: GitHub
- URL: https://github.com/ravelloh/timepulse
- Owner: RavelloH
- Created: 2025-03-23T13:26:33.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-11-04T12:47:28.000Z (4 months ago)
- Last Synced: 2025-11-04T14:29:00.077Z (4 months ago)
- Topics: countdown, countdown-timer, framer-motion, glassmorphism, tailwindcss, timer
- Language: JavaScript
- Homepage: https://timepulse.ravelloh.top
- Size: 743 KB
- Stars: 104
- Watchers: 2
- Forks: 21
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TimePulse - 现代化计时器应用
致力于成为最漂亮的计时器应用。
TimePulse 是一个具有现代化 UI 和交互的计时器网页应用，支持多计时器管理、数据分享、用户数据同步、全屏展示等功能，可进行倒计时、正计时和显示世界时钟。采用玻璃态设计和流畅动画效果，提供极佳的视觉体验。
预览: [TimePulse](https://timepulse.ravelloh.top/)
## 特点
### 核心功能
- 支持多个计时器的创建和管理
- 数据本地存储与云端同步
- 支持生成分享链接和二维码
- 支持全屏展示模式
- 智能识别常用节假日
- 支持PWA，可安装到主屏幕并离线使用
- 国际化支持，提供中英双语
- 支持倒计时通知提醒
- 自定义背景
### 视觉和交互
- 精美的玻璃态设计和流畅动效
- 自适应模糊渐变背景，随主题色变化
- 暗色/亮色主题自动切换
- 完全响应式设计，适配各种设备
## 技术栈
- Next.js - React 框架
- Framer Motion - 高级动画库
- Tailwind CSS - 实用工具优先的 CSS 框架
- localStorage - 本地数据持久化
- [KV Cache](https://github.com/RavelloH/kv-cache) - 云端数据存储服务
## 快速开始
> 作为Nextjs纯前端项目，可以在任何支持托管Next.js(或Nodejs)的平台上部署。
>
> 另外，你也可以下载 [Releases](https://github.com/RavelloH/TimePulse/releases) 中的静态预构建资源（形如site-vx.x.x.zip），将其部署在Github Pages、Cloudflare Pages或其他任何静态托管服务商上
### Vercel一键部署
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FRavelloH%2FTimePulse)
### 本地运行
1. 克隆仓库
```bash
git clone https://github.com/RavelloH/TimePulse.git
cd TimePulse
```
2. 安装依赖
```bash
npm install
```
3. 启动开发服务器
```bash
npm run dev
```
4. 构建生产版本
```bash
npm run build
```
## 使用说明
- 点击右下角"+"按钮创建新的倒计时
- 点击左下角分享按钮分享倒计时
- 点击右上角菜单切换主题或编辑计时器
- 点击右上角全屏按钮进入全屏模式
- 向下滚动可查看更多信息和运行日志
- 在设置中生成同步ID，用于在不同设备间同步数据
## 浏览器兼容性
- Chrome/Edge/Safari/Firefox 最新版本
- 支持大多数现代移动浏览器
- 不支持 IE11 及以下版本
## 贡献指南
欢迎提交 Pull Request 或 Issue 来帮助改进 TimePulse。
## 许可证
MIT License