Foundation Base

Open Source Invoice App Template

Start from a working invoice and estimates foundation you can brand, customize, and deploy.

Recommended foundation

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

Details
INProduction Ready

/finance / updated Jul 1, 2026

Invoice & Estimates

v1.0.0

A billing document foundation for estimates, invoices, client approval, payment links, and clean PDF output.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
BeginnerDifficultyprivate money workflows, local-first trackingBest 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

  • An invoice manager
  • An estimate workflow
  • A service business dashboard
  • A client billing portal

Alternative related foundations

CPProduction Ready

/business / updated Jun 29, 2026

Client Portal

v1.0.0

A polished portal foundation for agencies, consultants, and service businesses that need private client workspaces.

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

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

SAProduction Ready

/business / updated Jun 29, 2026

SaaS Foundation

v1.0.0

A production-ready SaaS foundation with teams, billing, onboarding, settings, email, and clear agent guidance.

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

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

EXProduction Ready

/finance / updated Jul 2, 2026

Expense Tracker

v1.0.0

A fast expense logger with categories, a monthly budget, and a breakdown that shows exactly where the money went.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
BeginnerDifficultyprivate money workflows, local-first trackingBest 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.