Claude Code Web UI

🌐 Claude Code Web UI

This project is no longer actively maintained. Issues and pull requests are unlikely to receive responses. The repository has been archived and is kept available for reference. Feel free to fork it if you'd like to continue development.
A modern web interface for Claude Code CLI - Transform your command-line coding experience into an intuitive web-based chat interface

🎬 View Demo

📱 Screenshots

💡 Light Theme Screenshots

🔧 Advanced Features

📑 Table of Contents

- ✨ Why Claude Code Web UI?
- 🚀 Quick Start
- ⚙️ CLI Options
- 🚨 Troubleshooting
- 🔧 Development
- 🔒 Security Considerations
- 📚 Documentation
- ❓ FAQ
- 🤝 Contributing
- 📄 License

✨ Why Claude Code Web UI?

Transform the way you interact with Claude Code

Instead of being limited to command-line interactions, Claude Code Web UI brings you:

🎯 Key Features

- 📋 Permission Mode Switching - Toggle between normal and plan mode execution
- 🔄 Real-time streaming responses - Live Claude Code output in chat interface
- 📁 Project directory selection - Visual project picker for context-aware sessions
- 💬 Conversation history - Browse and restore previous chat sessions
- 🛠️ Tool permission management - Granular control over Claude's tool access
- 🎨 Dark/light theme support - Automatic system preference detection
- 📱 Mobile-responsive design - Touch-optimized interface for any device

🚀 Quick Start

Get up and running in under 2 minutes:

Option 1: npm Package (Recommended)

Option 2: Binary Release

Option 3: Development Mode

Prerequisites

- ✅ Claude CLI installed and authenticated (Get it here)
- ✅ Node.js >=20.0.0 (for npm installation) or Deno (for development)
- ✅ Modern browser (Chrome, Firefox, Safari, Edge)
- ✅ dotenvx (for development): Install guide

⚙️ CLI…