Production readyHealthv1.0.0 · updated Jul 3, 2026
Breathwork app logo

Open Source Breathwork Template

In for four, out for four. That's it. That's the app.

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

Runnable Agent-ready Install-ready Deploy-ready
foundationbase.app/demo/breathworkOpen full demo →

This is the real app, not a mockup. Whatever you enter in the demo stays in your browser and belongs to nobody.

What you get

One zip. Everything to own it.

Breathwork is deliberately the smallest app in the library: pick a pattern, pick a length, press Begin, and follow the circle. Phase cues are visual and text-only — no sounds, no accounts, no streak guilt. Sessions land in a private local history so consistency is visible without being gamified. The pacer respects reduced-motion settings, and the pattern definitions are one small array your agent can extend in minutes.

  • Animated breathing pacer with per-phase countdowns
  • Box, 4-7-8, coherent, and long-exhale patterns
  • Session lengths from two to ten minutes
  • Private session history with minutes and breath counts
  • Reduced-motion friendly
breathwork.zipMIT
breathwork/├── app/the running Next.js app├── agent/START_HERE, PROJECT_MAP, RULES, RECIPES, TESTS, DEPLOY├── CLAUDE.mdread automatically by Claude Code├── AGENTS.mdread automatically by Codex├── .cursor/rules/loaded automatically by Cursor└── README.mdrun it, then make it yours

Inside the app

What the running app actually looks like
Breathwork: The pacer
The pacerOne circle, growing and shrinking with your breath.
Breathwork: Patterns
PatternsBox, 4-7-8, coherent, and long-exhale — with honest cycle math.
Breathwork: History
HistorySessions, minutes, and full breaths, kept privately.

Customize with AI

Your agent already knows this codebase.

Ships with CLAUDE.md, AGENTS.md, Cursor rules, and a full agent handbook — project map, safety rules, recipes, tests, and deploy notes.

Claude CodeCursorCodex

Prompts written against this app

Add a new breathing pattern for sleep.
Make the pacer more playful and colorful.
Add a short reflection after each session.
Add export and import for session history.

Run it

5 min to your own copy.

  1. 01Create your editable app copy and unzip it.
  2. 02Run npm install.
  3. 03Run npm run dev and open http://localhost:3000.
  4. 04Read /agent/START_HERE.md before customizing.
  5. 05Swap the local-first storage boundary for your own backend when ready.
Full walkthrough, including deploy and install →
Where your data lives

Session history stays in this browser by default.

No account, backend, or cloud sync is included in the current package.

An agent can add optional sync later while keeping offline-friendly local use.

Honest limitation

This pilot package is standard-ready for Create My App and AI customization.

A full app-only PWA install route is not enabled yet for this app.

Verification receiptchecked Aug 2, 2026 at c11c184 · v1.0.0
Demo renderscaptured 2026-07-08, 37 KBpassed
Package installs and buildsinstalled, typechecked and built in 73s on node v24.13.0passed
Source package complete37 files, 612 KBpassed
Agent instructions included5 handoff files presentpassed
No network calls in app sourcestatic scan clean: no network calls, eval, or secrets in app sourcepassed
License matches the packageMIT, matching the file in the packagepassed

If this isn’t quite right

All Health foundations →

Take Breathwork and make it yours.

Free, MIT, 5 min to running. The demo above is exactly what lands in your folder.