Open Source Client Portal Template

Build a branded client portal from a working app foundation with client workspace patterns.

What you can build

  • A client workspace
  • An approval portal
  • A service dashboard
  • A private project hub

Alternative related foundations

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

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

CRProduction Ready

/crm / updated Jun 29, 2026

Personal CRM

v1.0.0

A private CRM foundation for people, conversations, reminders, notes, and lightweight relationship history.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
BeginnerDifficultyrelationship follow-up, sales-lite pipelinesBest forMITLicense
5 min setupAgent-readyApp Link path

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

ADProduction Ready

/developer-tools / updated Jul 1, 2026

Internal Admin Dashboard

v1.0.0

A practical internal tools foundation with resource tables, record editors, saved views, permissions, and audit trails.

  • Use it today.
  • Create your editable copy.
  • Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
IntermediateDifficultybuilders, internal toolsBest 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.