Apps

Build and deploy custom applications on the platform

Create full-stack apps with a built-in IDE, instant previews, and one-click deployment — no external hosting or CI/CD required.

Get started Request a demo

How it works

From idea to live app in four steps

Build, preview, and deploy without leaving the platform.

Create

Scaffold a new app from a template or start from scratch in the browser IDE.

Develop

Write React components with live preview, AI assistance, and file management.

Deploy

Push to a GitHub repo and deploy automatically via AWS Amplify in one click.

Share a live URL with your team or embed the app in your existing tools.

Sandbox IDE

A full development environment in your browser

Write, preview, and iterate on your app without leaving the platform. The built-in IDE gives you everything you need to build production-ready applications.

Code Editor

Full-featured browser IDE with syntax highlighting, auto-complete, and multi-file support.

Live Preview

See changes instantly in a side-by-side preview panel as you edit.

AI Assistant

Generate components, fix bugs, and refactor code with an integrated AI copilot.

File Management

Create, rename, move, and delete files and folders directly in the browser.

LoadDashboard.tsx

1import { useState, useEffect } from "react"
2import { Card, Badge, Skeleton } from "@/ui"
3import { fetchLoads, subscribeUpdates } from "@/api"
4 
5type Load = { id: string; status: "active" | "delivered" }
6 
7export default function LoadDashboard() {
8  const [loads, setLoads] = useState<Load[]>([])
9  const [loading, setLoading] = useState(true)
10 
11  useEffect(() => {
12    fetchLoads().then((d) => {
13      setLoads(d); setLoading(false)
14    })
15    const unsub = subscribeUpdates((e) =>
16      setLoads((p) => p.map((l) =>
17        l.id === e.id ? { ...l, ...e } : l
18      )))
19    return () => unsub()
20  }, [])
21 
22  const active = loads.filter((l) => l.status === "active")
23 
24  return (
25    <Card title="Active Loads">
26      <Badge>{active.length}</Badge>
27      {loading ? <Skeleton rows={5} /> : <LoadTable data={active} />}
28    </Card>
29  )
30}

Deployment

Ship to production in one click

Every app is backed by a GitHub repository and deployed automatically via AWS Amplify — with build logs, rollbacks, and custom domains out of the box.

GitHub Repo

Every app gets its own GitHub repository with version control and branch management.

Amplify Hosting

Deploy to AWS Amplify with automatic SSL, CDN, and custom domain support.

Build History

Track every deployment with build logs, rollback support, and status notifications.

Deployments

Production

#142main
Live2m ago
#141main
Success1h ago
#140feat/charts
Success3h ago
#139main
Failed5h ago

App Types

Three flavors, one platform

Choose the right starting point for your use case.

Workflow Apps

Build interfaces that trigger, monitor, and manage your AI workflows — with real-time status and controls.

Twin Apps

Create dashboards and admin panels powered by your Twin databases — with live data and full CRUD.

Custom Apps

Build anything from scratch — customer portals, internal tools, or data visualization apps with full React.

Authentication

Secure by default

Every app ships with built-in authentication, role-based access control, and API scoping — no third-party auth provider required.

✓Built-in auth — authenticate users out of the box with no third-party integrations
✓Role-based access — define admin, editor, and viewer roles per application
✓API scoping — restrict which platform APIs each app can call
✓Session management — automatic token refresh and secure session handling
✓Audit logging — every authentication event is tracked and queryable

Access Control

Role: Admin

userops@acme-logistics.com
sessionactive

ResourceAccess
twin.loadsread, writeAllow
twin.carriersreadAllow
workflows.*executeAllow
settings.billing—Deny

Use Cases

What you can build

From operational dashboards to customer-facing portals — apps give you the frontend layer for your platform data.

Dashboards

Real-time operational dashboards with charts, tables, and KPIs powered by Twin data.

Customer Portals

Self-service portals where customers can track orders, view reports, and manage accounts.

Data Management

Internal tools for reviewing, editing, and approving data across your Twin databases.

Workflow Control

Admin panels to configure, trigger, and monitor your AI workflows in real time.