App Builder

Write real code.
Ship governed tools.

Code-first builder with real TypeScript or Python (FastAPI) projects, container-backed preview, and pinned build artifacts for governed deployment.

Start building See It In Action
Relpin Studio — code editor with a TanStack Start project, OpenCode agent session, live preview, and workspace terminal in one surface.
Code Editor

Code-first. Not config-first.

Write real TypeScript and React inside a TanStack Start project graph. The generated app uses workspace packages such as @app-builder-platform/ui and @app-builder-platform/data rather than a browser-only DSL.

Studio code editor showing the project explorer and a real TanStack Start route file with typed imports.
A real project, not widgets

The explorer holds an ordinary TanStack Start repo — routes, components, platform packages — that you edit as code.

Container diagnostics

TypeScript errors surface inline from the container-backed project graph — no untyped binding strings.

Hot reload

Container-backed HMR recompiles against the live project graph as you save.

React + TypeScript · shadcn starter · runtime APIs · HMR
Live Preview

Preview on real data. Not mocks.

Preview runs through the same project files and server-authoritative pipeline as the draft. Data access stays governed and server-side instead of becoming a browser-local fallback.

  • Container-backed and server-authorized — never a browser fallback
  • Runtime APIs feed the preview from your governed data plane
  • Schema and table connection changes stay auditable platform operations
Live preview of a running assignment-management app with real metrics and a staffing table, mid-update.
Container preview · Runtime APIs · Governed data · HMR
OpenCode Agent Live

Describe it. The agent builds it.

OpenCode runs inside Studio against the same governed workspace as your own edits: it reads the real project, plans, and lands changes through the identical patch path — nothing bypasses review or audit.

  • Sessions scoped to org, workspace, capsule, app, environment, and user
  • Provider credentials encrypted and proxied server-side — never in the browser
  • Runs under active Studio lease and addon checks
  • Generated changes converge through the governed project files
Explore OpenCode
OpenCode agent panel connected in Studio, implementing a new overview tile from a one-line prompt.
Scoped sessions · Credential proxy · Studio lease · Governed patches
Component Library

Building blocks. Ready to compose.

Relpin starts from a shadcn-based app template and platform UI packages, then lets teams extend the actual React project.

@app-builder-platform/ui Governed shadcn baseline — accordion to tooltip, extended in real React.
App template Assignment-oriented tables, forms, and layout scaffolding included on create.
TypeScript project graph Container diagnostics power IDE-style editing across the live project.
Design tokens Colors, spacing, and typography flow from your theme config.
shadcn starter · TypeScript · Platform UI packages · Themed
Use Cases

What teams build with it.

Relpin targets common ops tooling such as queues, CRUD workflows, approval flows, dashboards, and exception triage.

Admin Panels

User & system administration

Role-scoped admin interfaces with audit-backed operations and operational status views.

CRUD Apps

Data management tools

Full create-read-update-delete workflows with validation, search, and pagination built in.

Approval Workflows

Multi-step review processes

Configurable approval chains with role gates, escalation rules, and complete audit trails.

Operational Dashboards

Real-time system monitoring

Operational metrics, alerting thresholds, and drill-down views connected through governed data paths.

Intake Forms

Intake and data collection

Validated intake forms with workflow triggers, connector calls, and tenant audit events.

Exception Triage

Exception and queue management

Work-item queues with server-side filtering, priority sorting, and assignment workflows.

Ops use cases supported · Assignment starter available · Governed internal tooling
App Builder

Stop configuring.
Start coding.

Real TypeScript projects. Container-backed preview. Server-side data paths. Pinned build artifacts for governed deploys.

Start building Explore the platform

Open beta · Demo workspace included · Governance-focused

Code-first · Governed releases · Server-side queries · Built to operate