Claude Code Web

A browser-based WebUI interface for Claude Code CLI with extras like voice input, text-to-speech, drag-and-drop images, hotkeys, and a built-in todo sidebar.

Quick Start

1. Install (requires Node.js 18+ and Claude Code CLI set up)

   npm install -g @sunpix/claude-code-web

2. Run

   claude-code-web

3. Open http://localhost:3000 in your browser.

⚠️ No authentication mechanism. Anyone with access to the port can control your environment/computer. Run behind a firewall or proxy with auth.

---

📹 Demo Videos

video-compressed-hq.mp4

claude-code-web-ui.mov

(older version)

---

Configuration

Change Port

PORT=8080 claude-code-web

Serve from Subpath (reverse proxy)

APP_BASE_URL=/claude-code claude-code-web

Enable Whisper Mic Support

Requires OpenAI API key for speech-to-text:

OPENAI_API_KEY=sk_... claude-code-web

---

Screenshot