Codecraft — in-browser IDE

A real Vite + React dev server boots inside your browser tab via WebContainers — editable Monaco editor, an interactive xterm terminal wired to a live shell, and a hot-reloading preview. No backend, no install.

Cold boot is 30-90s on first visit (Node + npm install run in your tab); return visits restore a cached snapshot in under 20s.

launch playgrounds

// PLAYGROUNDS

Live environments

Vite + React

Fast HMR React playground

FLAGSHIP

A minimal Vite + React project that boots a real dev server inside your browser tab via WebContainers. Edit src/App.jsx and watch it hot-reload in the live preview.

ViteReactWebContainer

// SHELL

Read-only WebContainer

A real WebContainer boots in your browser and runs ls && node -v.

read-only · webcontainer

$ ls && node -v

// TECHNICAL ARSENAL

Stack

TypeScriptNode.jsWebContainersMonacoxterm.jsNext.jsReactTailwindService WorkersSharedArrayBufferCOOP/COEPVite

// LIVE TELEMETRY

Measured in your browser

webcontainer.boot()

··· ms