热力图习惯打卡组件

用一张图把你这一年讲完的习惯打卡组件。

365 个方块、8 级强度、8 套渐变配色。GitHub 用来表彰代码贡献的视觉语言——拿来记录你正在打磨的任何坚持。

无需注册、无需信用卡。一个链接，一秒开始。

🏃 运动

同一份示例数据 —— 六个共建者专属主题，可滑动或等待 5 秒自动切换。

🏃 运动

348 活跃天数 · 最长连续 110 天

🌲经典深绿

MonWedFri

OctNovDecJanFebMarAprMayJunJulAugSep

少

多

🧘 心情 — emoji 模式

303 天已记录 · 定性追踪，无数字

✨ 新模式

Mon

Wed

Fri

OctNovDecJanFebMarAprMayJunJulAugSep

💪

🚀

💪

🌱

😴

🚀

😴

💪

🚀

🌱

💪

🌱

💪

😴

🚀

💪

🌱

💪

😴

🌱

🚀

💪

🌱

💪

🚀

🌱

💪

🔥

🌱

🚀

💪

😴

💪

😴

🌱

😴

🚀

😴

🚀

🌱

🔥

😴

🌱

😴

🌱

🚀

😴

🌱

💪

🌱

🚀

😴

🌱

💪

🌱

🔥

💪

😴

💪

🚀

😴

💪

😴

🌱

😴

💪

🌱

😴

🚀

🌱

😴

🔥

🚀

🌱

😴

🌱

😴

🚀

💪

🌱

😴

🌱

💪

🌱

💪

🚀

🌱

💪

🌱

😴

🔥

🌱

🚀

💪

🌱

😴

🌱

😴

🚀

😴

🌱

💪

😴

💪

🚀

🌱

💪

🌱

🚀

🔥

🌱

🚀

🌱

😴

🚀

💪

🌱

😴

🚀

😴

🌱

💪

😴

💪

😴

🔥

🚀

🌱

🔥

🌱

💪

😴

🌱

💪

🚀

🌱

💪

😴

🚀

🌱

😴

🌱

💪

😴

💪

🌱

😴

🌱

💪

🌱

🔥

💪

🌱

🚀

🔥

💪

🚀

💪

🌱

🚀

💪

😴

🌱

💪

😴

🌱

🚀

💪

😴

💪

🌱

😴

🌱

😴

🔥

💪

🌱

🔥

😴

🚀

🌱

💪

😴

🌱

😴

🚀

🌱

💪

🚀

🌱

💪

🌱

💪

🚀

😴

🌱

😴

🌱

😴

🔥

🚀

🌱

😴

💪

😴

🌱

💪

😴

💪

🔥

🚀

🌱

💪

🌱

🚀

🔥

🌱

💪

🔥

🌱

💪

🌱

😴

💪

😴

💪

🌱

😴

💪

🌱

🚀

🌱

💪

🚀

💪

🌱

😴跳过(71)🌱轻度(94)💪正常(78)🚀强烈(43)🔥超燃(17)

为长期主义者设计

大多数习惯 app 只夸奖你的「今天」。Streakly 的热力图同时夸奖你的 365 天。连胜被一眼看见，断档变得可以复盘，回归月份成为你想截图分享的那种东西。代码以外的一切都值得一张 GitHub。

8 级强度

30 分钟散步和 90 分钟力量训练当然不一样。阈值你自己定。

年视图 + 月视图

拉远看一年趋势，拉近看一个月细节，两种叙事都不缺。

实时连胜统计

当前连胜、最长连胜、总打卡天数——直接渲染在热力图上。

一个链接，处处嵌入

Notion、Coda、Capacities、个人站、Substack——任何支持 iframe 的地方。

常见问题

›为什么是热力图而不是 checklist？

Checklist 告诉你今天做了什么。热力图告诉你这一年你是谁。后者才会复利成身份。

›数据能导出吗？

能。所有套餐都支持 JSON 导出。你的数据你说了算，绝不绑架。

›断了一天怎么办？

热力图会用最直观的方式让你看到漏一天的代价——它就是干这个的。

你可能还感兴趣

Notion habit tracker

The platform-first take on the same product.

Fat loss tracker

Same heatmap, framed for 16:8 / OMAD daily wins.

Coding streak tracker

Same heatmap, framed for the work GitHub doesn't see.

准备好开始你的冲刺了吗？

核心记录功能可免费使用。如果 Streakly 对你有帮助，也可以在应用内助力我们继续维护和更新。