Private alpha · new cohort opening

Ship full apps with an AI-native IDE.

AppLab is the workspace where you design, build, run, and deploy apps end to end. Multi-provider AI CLIs, a Designer that round-trips with your code, and a Library you can edit inline.

Get early access See how it works

4.9 from early usersNo credit cardmacOS native shell

AppLab — summoniqClaude Code · live

Files

📁 app

📁 (site)

📄 page.tsx

📄 layout.tsx

📁 api

📁 components

📄 hero.tsx

📄 nav-bar.tsx

📁 lib

📁 prisma

page.tsxunsavedtsx

export default function Page() {
  return (
    <Hero
      title="Build to spec, rapidly."
      subtitle="SummonIQ compresses the requirements-to-spec cycle."
      cta={<Button>Get started</Button>}
    />
  );
}

VibnClaudeCodexGeminiCopilot

✓ Read page.tsx

✓ Read components/hero.tsx

⏳ Editing components/hero.tsx

+ adding `variant` prop…

▍

connected· dev server on :30005 agents · 2 tickets in flight

Bring your AI of choice

VibnClaude CodeCodexGeminiCopilot

Built for shipping

One workspace, end to end.

Stop bouncing between Figma, your IDE, a terminal tab for each agent, and three browser windows. AppLab puts the whole loop inside a single window.

Agent panel

Pick your AI co-pilot

Tab between Vibn, Claude Code, Codex, Gemini, and GitHub Copilot inline — each runs as a real CLI session in the agent panel, side by side with your editor.

Designer

Designer ↔ Code round-trips

Edit a `.tsx` file in Monaco or jump into the visual Designer for the same component. Changes round-trip — no separate design source of truth.

Library

Library you can edit

Tokens, components, layouts, templates, principles, docs, and AI skills — a Confluence-style Library with drill-down columns. Edit any leaf inline.

Orchestration

Agents that ship tickets

Vibn breaks intake into structured tickets, dispatches an agent, and streams live file activity into the workspace as the change lands on disk.

Runtime

Live preview + logs

In-workspace browser pane (native webview) with PiP fallback. Stream both server logs and the browser console straight into a unified LOGS pane.

Data

Project-aware data layer

Built-in Prisma management — schemas, migrations, seeds, query patterns surfaced as Library sections. Configs (Tailwind, ESLint, package.json) are first-class.

The agent panel

Hold real conversations with real CLIs.

Each provider tab — Vibn, Claude, Codex, Gemini, Copilot — owns a dedicated PTY pinned to your project's cwd. Streamed output, direct stdin, and live diffs land in the editor as the agent works. Switch providers without losing state.

Long-poll streaming — feels like watching the CLI live
Per-(project × provider) sessions persist while the panel is open
Prompts can be typed in the terminal OR the bottom input box
File-touch events surface in the workspace activity feed

Agent · Claude Code

$ claude --dangerously-skip-permissions

> change the hero CTA to a pill

● Read app/(site)/page.tsx

● Read components/forms/button.tsx

● Edit app/(site)/page.tsx (+8 -3)

● Edit components/forms/button.tsx (+12 -0)

Done. Added a `pill` variant and applied it to the hero CTA.

▍

How it works

Five steps from a blank workspace to a deployed app.

1
Pick a platform
Web app, desktop app, or marketing site — each starts wired with the right stack, conventions, and components.
2
Settle the architecture
Agree on the system shape with curated patterns: data model, API surface, auth, realtime, deployment.
3
Compose the surface
Drop in themes, layouts, components, and animated backgrounds from the Library. Preview heroes under common layout variants.
4
Dispatch the agent
Write a sentence. The agent picks up the ticket, edits the files, and streams progress back into the workspace.
5
Review & ship
Diffs surface in the editor. Tests run. Push to main and watch the live preview update in the workspace browser.

Designer · app/(site)/book-a-call/page.tsxClose

Toolbox

Container

Flex

Grid

Card

Button

Input

Drop selectedBook a callPick a time that works for you.

Properties

variantpill

paddingmd

radiusfull

Designer

Visual editor, real source code.

The Designer reads your component file, lets you manipulate it visually, and writes the changes back to disk as TSX. No separate design source of truth, no export step. Hit Cmd+S from Monaco; the Designer shows the same DOM on next open.

Monokai-themed Monaco for fast keyboard editing
Open in Designer button for any .tsx / .jsx / .html file
Lazy-load components from the Library directly into the canvas
Token-aware property panel — colors, spacing, radii, motion

Get a build

Try the workspace.

We onboard a new cohort every couple of weeks. Drop your email and we'll send you a build with your provider keys pre-wired.

We'll only email you about the build. Unsubscribe anytime.

FAQ

Common questions

Is AppLab a hosted IDE or a desktop app?+

Both. The workspace runs as an Electrobun-wrapped desktop shell on macOS, with a Next.js core that can also be served from the cloud for teams that prefer browser-only.

Which AI providers are supported?+

Vibn (built-in), Claude Code, Codex, Gemini, and GitHub Copilot ship out of the box. Each runs as a real CLI session in the agent panel — bring your existing API keys and tooling.

Can I use my own components?+

Yes. The Library reads from your project — your components show up alongside the curated ones. Edit them in Monaco or the visual Designer; the file on disk is the source of truth.

What stack does it generate?+

By default Next.js 15 + React 19 + TypeScript + Tailwind + Prisma + Bun. Templates exist for marketing sites, web apps, and Electrobun desktop apps. Swap any layer; the Library updates accordingly.

How do I get access?+

AppLab is in private alpha. Drop your email below and we’ll get you a build as cohorts open up.