像素风番茄钟

介绍

可复刻的像素风番茄钟应用，拥有丰富动画、PWA离线安装、目标与成就激励

模板详情

**产品简介** 这是一款把专注管理做成有趣儀式感的像素风番茄钟，适合想把工作与休息时间变得更可视化和有动力的用户

通过生动的像素番茄动画、状态感知配色和柔和光晕，帮助你在专注时更投入、休息时更放松

内建专注/短休/长休三种模式、统计与目标成就系统，并支持离线安装与独立运行，让随时专注变得轻松自然

**功能亮点** - **像素番茄动画** - 中央番茄以像素块组成，工作/休息时会有生长、被“吃掉”、咬痕闪烁和生长光晕等丰富动画效果，配合像素风装饰星星，视觉有趣有生命力 - **三种计时模式** - 支持专注、短休与长休；完成4 次专注后自动触发长休，并在界面显示番茄计数进度 - **可自定义时长** - 专注、休息与长休时长均可自由设置，范围灵活（1–60 分钟，步进 1 分钟） - **统计与趋势** - 日常进度与每周趋势图，帮助你查看专注习惯与成果 - **目标与成就系统** - 可设每日/每周目标、实时进度条、12 种精美成就徽章与解锁动画，达成时给出视觉奖励与激励文案，数据持久化存储并修复了刷新后解锁逻辑的问题 - **统一像素风美学** - 全局像素字体、马卡龙配色与米白渐变背景、圆润毛玻璃卡片与光晕效果，时间以大号像素数字展示，界面温暖可爱 - **顶端居中导航与稳定交互** - 导航移至页面顶部并居中，按钮宽度固定避免跳动，页面上下间距与高度优化保证视觉平衡和完整视口覆盖 - **PWA 离线安装支持** - 可安装到主屏、离线使用并以独立窗口运行；内置安装提示与安装状态指示，并已为推送通知做好准备 **复刻说明** 欢迎将此演示复刻并按需改造 —— 复刻的是演示版本，不包含完整生产环境配置

上手简单，基于演示你可以快速调整样式、时长和目标逻辑，让它成为你专属的像素番茄计时器

← 返回模板列表