Foundation Base

Open Source Meditation App Template

Use the Meditation App demo, create your source copy, and customize it into your own wellness app.

Recommended foundation

Start with the working app that most closely matches this use case.

Details
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
Create My AppTry DemoDetails

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

What you can build

  • A personal meditation timer
  • A breathwork trainer
  • A mindfulness coaching app
  • A focus timer

Alternative related foundations

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
Create My AppTry DemoDetails

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

HAProduction Ready

/personal / updated Jul 2, 2026

Habit Tracker

v1.0.0

A calm habit tracker with a seven-day grid, one-tap check-ins, and streaks computed from what you actually did.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
BeginnerDifficultyprivate personal apps, owned dataBest forMITLicense
5 min setupAgent-readyApp Link path
Create My AppTry DemoDetails

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.

The Foundation Base demo does not update when you customize your copy. Install your own App Link after you deploy.

Demo Link

The original Foundation Base version. Good for trying the app.

Preview Link

A temporary testing link while your app is being customized.

App Link

Your stable deployed URL. Install this version if you want your changes to appear on 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.