How to Install a PWA on iPhone

Install your deployed App Link on iPhone after your customized app is published.

Steps

  1. Open your App Link in Safari.
  2. Tap Share.
  3. Tap Add to Home Screen.
  4. Confirm the app name.
  5. Open the installed version from your home screen.

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.

Recommended 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.

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

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

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.

Built for safe starting points

Every foundation is treated as code, not content. Contributions are reviewed before publication, and foundations are checked for hidden network behavior, unsafe scripts, secrets, and unclear setup paths.

See standards