Use Cases
Daily Completion Tracker
See which days you completed your habit using a clean heatmap overview.
routine
Annual Consistency Mapping
Track your habit over months and years for long-term habit mastery.
planning
Streak Visualization
Quickly identify gaps or momentum streaks using intuitive calendar colors.
motivation
Heatmap Calendar Layout
Calendar Grid
Provides a visual, day-by-day completion view that adapts to long-term usage.
Dynamic Streak Logic
Streak Mode
Highlights active streaks and missed days using color-coded indicators.
Progress Stats + Bar
Overview Tools
Includes total completions, percentages, and a progress bar right in the card.
Color-Customizable Cells
Visual Customization
Customize every cell — from completed to incomplete — for perfect Notion theming.
Settings
| Setting Name | Section | Type |
|---|---|---|
| Habit Name | habit | text |
| Habit Goal | habit | text |
| Habit Days | habit | number |
| Header Text | header | color |
| Header Icon | header | color |
| Month Text | header | color |
| Description Text | header | color |
| Day Label | header | color |
| Card Background | card | color |
| Card Border | card | color |
| Progress Label | progress | color |
| Progress Count | progress | color |
| Progress Bar | progress | color |
| Progress Bar Track | progress | color |
| Completed Cell | heatmap | color |
| Completed Cell Text | heatmap | color |
| Incomplete Cell | heatmap | color |
| Incomplete Cell Text | heatmap | color |
| Today Ring | heatmap | color |
| Streak Value | streak | color |
| Streak Text | streak | color |
| Reset Background | buttons | color |
| Reset Text | buttons | color |
| Reset Border | buttons | color |
| Completed BG | buttons | color |
| Completed Text | buttons | color |
| Completed Border | buttons | color |
| Mark Completed BG | buttons | color |
| Mark Completed Text | buttons | color |
Turn Every Day Into a Win
Embed the Heatmap Habit Tracker into your Notion pages and start building streaks that visually pop with progress.