Habit Tracker Widget

Track recurring habits with daily progress, heatmaps, and streak analytics.

Overview

Visualize consistency with quantitative goal tracking and GitHub-style contribution heatmaps. Designed for long-term behavior change through visual accountability.

Pricing: Free Embed modes: Inline, Iframe

Views

The Habit Tracker has three integrated views:

  • Today — task-focused list for checking off current goals with progress bars
  • Heatmap — 12-month contribution grid showing daily activity patterns
  • Analytics — detailed success rates, current streak, and longest streak stats

Configuration

SettingTypeDescription
TitleStringOverall title of the habit board
HabitsArrayList of habit definitions
Unit LabelStringUnit being tracked (glasses, km, mins, etc.)
Target GoalNumberTarget numeric goal per active day
Active DaysArrayDays of the week for tracking (e.g., Mon/Wed/Fri)

Each habit can have its own unit, target, and schedule. This supports non-daily habits with accurate streak calculation.

Features

  • Flexible scheduling — support for non-daily habits (e.g., Mon/Wed/Fri) with accurate streaks
  • Quantitative goals — track volumes (liters, pages, minutes) not just checkboxes
  • 12-month heatmaps — visual history grid to celebrate long-term progress
  • Streak tracking — current streak and all-time longest streak per habit

Use cases

  • Health tracking — water intake, exercise, meditation, sleep
  • Learning goals — daily coding practice, reading, language study
  • Professional habits — journaling, networking, skill development
  • Team accountability — shared habit boards for group challenges

Embed example

<script src="https://cdn.widget.best/embed.js"
  data-widget-id="your-habit-tracker-id">
</script>

Technical details

  • Habit entries stored by date for fast time-series retrieval
  • Edge analytics compute stats on-the-fly for instant progress reports
  • Each widget instance has its own SQLite database