DEV Community

Weather Clock Dash
Weather Clock Dash

Posted on Edited on

Habit Tracking in the Browser: How I Built a Monthly Streak Grid for Firefox

Tracking habits by opening a separate app defeats the point. If the friction is higher than zero, you skip days.

I wanted a habit tracker that was always visible — not an app I had to remember to open. So I built one that replaces the Firefox new tab with a monthly grid.


What it looks like

Every habit gets a row. Each day gets a column. You click a cell to mark a day done. The streak counter updates immediately. The month resets automatically on the 1st.

It's modeled after bullet-journal habit trackers — the kind people photograph on Instagram but never actually maintain. The browser version has the advantage of being unavoidable: you open a new tab constantly, so you see your streaks constantly.

What it stores

All data is in localStorage. Nothing leaves Firefox. No account, no sync, no server. If you uninstall the extension, the data goes with it — which is a reasonable trade for zero infrastructure.

Why the new tab surface works for habits

The best habit tracking systems have one thing in common: visibility. The tracker has to be somewhere you look daily without deciding to look at it.

A phone app is easy to ignore. A website requires you to navigate to it. A browser new tab is different — you open it every time you start a browsing session. The habit grid is there every time, without any intentionality on your part.

Install it

Habit Tracker New Tab — Firefox Add-ons

Free. No account. Works in Firefox.

If you've tried habit apps and found the friction too high, the new tab approach is worth testing. The streak visualization is minimal but effective — good enough that you notice when you're breaking a streak, not so gamified that it becomes its own distraction.


This is one of 11 Firefox extensions I built — all free, no-account, no-server. See the full series for the others.

Top comments (0)