Turn small actions into lasting streaks
Whether you want to exercise, read, meditate or learn a language, this browser‑based habit tracker makes it easy to see how often you show up—and motivates you to keep the chain going.
What you get
- GitHub‑style heat‑map – every day is a square; deeper greens mean longer streaks, grey shows missed days, and orange marks “note‑only” entries.
- Confetti‑level milestones – hit a 3‑day, 7‑day, 14‑day, 30‑day (and beyond) streak and a quick celebration pops up so you feel the win.
- Personal notes – right‑click any square to jot down how the session went; a subtle dot reminds you there’s context behind the check‑mark.
- Two layouts – classic card view or a compact spreadsheet‑style grid; switch instantly, and reorder habits with drag‑and‑drop in compact mode.
- Dark mode & custom themes – one tap flips the whole UI; your preference is saved for next time.
- Local, private storage – everything sits in localStorage; no sign‑up, no servers, no ads.
How to use it
- Type a habit name and click Add.
- Click today’s green check to mark the habit done; grey unchecks; right‑click opens the note box.
- Hover any square to see the date (desktop) or tap on mobile for the same.
- Toggle Compact View for a bird’s‑eye overview; drag the rows to rank habits by importance.
- Use the sun/moon switch to change themes; your choice loads automatically on return.
! Connectivity Note
- Data lives only in your current browser profile. Clearing site data or moving to another device starts you with a blank slate.
- An internet connection is required to load the page resources, but once open the tracker runs entirely client‑side.
If you’d like your data to follow you between devices, check out htmlsync.io, which adds secure cloud sync to lightweight single‑file web apps like this one.
Start today, mark that first green square, and watch the grid fill up.