Open Source Habit Tracker Template

Create your own habit tracker from a working local-first app foundation.

What you can build

  • A streak tracker
  • A routine coach
  • A wellness log
  • A private accountability app

Alternative related foundations

MAProduction Ready

/health / updated Jul 6, 2026

Meditation App

v1.0.0

A local-first meditation timer app with presets, session history, JSON backups, PWA install support, offline fallback, and AI-agent customization instructions.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+2
BeginnerDifficultywellness routines, coaching workflowsBest forMITLicense
5 min setupAgent-readyApp Link path

Creates your editable project with setup files and AI-agent instructions.

BRProduction Ready

/health / updated Jul 3, 2026

Breathwork

v1.0.0

A calm breathing companion: an animated pacer for box, 4-7-8, coherent, and long-exhale patterns, with a private session history.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
BeginnerDifficultywellness routines, coaching workflowsBest forMITLicense
5 min setupAgent-readyApp Link path

Creates your editable project with setup files and AI-agent instructions.

OSProduction Ready

/productivity / updated Jun 29, 2026

Personal Operating System

v1.0.0

A flexible personal system foundation for daily planning, projects, notes, habits, and review loops.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
AdvancedDifficultypersonal systems, daily planningBest forMITLicense
5 min setupAgent-readyApp Link path

Creates your editable project with setup files and AI-agent instructions.

Pick a working app. Make it yours.

Try the shared demo, create your editable copy, customize with AI, deploy your App Link, and install your version.

1

Try Demo

Use the original Foundation Base demo.

2

Create My App

Create the editable source package.

3

Customize with AI

Open the folder in Claude Code, Codex, Cursor, or another coding agent.

4

Deploy App Link

Publish your own stable URL.

5

Install Your Version

Add your deployed App Link to your phone or desktop.

Questions

What happens when I click Create My App?

You download an editable source package with setup files and AI-agent instructions. Your copy is separate from the Foundation Base demo.

Does the Foundation Base demo update when I customize my copy?

No. The demo is the original shared version. Install your own deployed App Link when you want your customized app on a device.

Can I use Claude Code, Codex, Cursor, or another agent?

Yes. Foundations are designed to be opened by an AI coding agent after you download and unzip the source package.