runtime online — webcontainer v1.6

Code, forged
in your browser.

A full development environment that lives in a tab. npm runs in-browser, preview updates as you type, and an AI assistant works at the anvil beside you. Nothing to install. Ever.

Start building — free Watch it run

0ms: environment setup
6: framework templates
1: tab. that's the whole stack

the runtime

Everything a machine does, a tab does now.

File tree, editor, terminal, live preview, AI — one surface. The dev server below is running inside the page you're reading.

app.cloudforge.dev/workspace

App.tsx

import { useState } from 'react';

export default function App() {
  const [heat, setHeat] = useState(0);

  return (
    <main className="forge">
      <h1>CloudForge</h1>
      <Button onClick={() => setHeat(heat + 1)}>
        Heat: {heat}
      </Button>
    </main>
  );
}

what's in the fire

WebContainer runtime^wasm

A real Node.js environment, compiled to WebAssembly, booted per project in milliseconds. npm install, dev servers, build scripts — all sandboxed in the tab.

Live preview

The preview pane is your dev server, not a screenshot. Save a file and watch hot-module replacement land before your hand leaves the keyboard.

AI at the anvil^llm

Inline suggestions in the editor, a chat panel that reads your file tree, and one-keystroke accept. It reviews, refactors, and explains — in context.

Cloud persistence

Projects are saved as you work and rehydrate on any machine. Close the tab mid-thought; the forge stays warm.

the assistant

It read the file before you asked.

The assistant sees your open buffer, your file tree, and your terminal output. Answers arrive shaped like your codebase — not like a forum post.

→Inline completions with one-keystroke accept
→Whole-file refactors with reviewable diffs
→Terminal-error explanations, in place

Why does my counter skip numbers when I click fast?

forge · aiStale closure — each render captures the old heat. Use the functional form: setHeat(h => h + 1). Want me to apply it to App.tsx?

Yes, and add a test.

forge · aiDone. App.tsx updated, App.test.tsx added — 2 assertions, both passing in the runtime.

Strike while it's hot.

Pick a template, and be running code before this sentence finishes.

Start building — free