{"name":"claude-code-webui: A Web Interface for Claude CLI with Streaming Responses","description":"claude-code-webui transforms the command-line Claude CLI experience into an intuitive web-based chat interface. It offers real-time streaming responses, visual project selection, and mobile-responsive design. This tool enhances productivity by providing a rich, visual environment for interacting with Claude Code locally.","github":"https://github.com/sugyan/claude-code-webui","url":"https://osrepos.com/repo/sugyan-claude-code-webui","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/sugyan-claude-code-webui","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/sugyan-claude-code-webui.md","json":"https://osrepos.com/repo/sugyan-claude-code-webui.json","topics":["claude","claude-cli","web-ui","typescript","ai","developer-tools","frontend","cli-interface"],"keywords":["claude","claude-cli","web-ui","typescript","ai","developer-tools","frontend","cli-interface"],"stars":null,"summary":"claude-code-webui transforms the command-line Claude CLI experience into an intuitive web-based chat interface. It offers real-time streaming responses, visual project selection, and mobile-responsive design. This tool enhances productivity by providing a rich, visual environment for interacting with Claude Code locally.","content":"## Introduction\n\nclaude-code-webui, developed by sugyan, is an open-source project that provides a modern, web-based interface for the Claude Code CLI. It aims to transform the command-line coding experience into an intuitive chat interface accessible from any device with a browser. With 1059 stars and 242 forks, this TypeScript project under the MIT License offers a powerful way to interact with Claude Code.\n\nKey features include real-time streaming responses, visual project selection, conversation history, and granular tool permission management, all wrapped in a mobile-responsive design with dark/light theme support.\n\n## Installation\n\nGet claude-code-webui up and running quickly with the recommended npm package installation.\n\n**Prerequisites:**\n*   Claude CLI installed and authenticated.\n*   Node.js >=20.0.0.\n*   Modern browser.\n\n**Option 1: npm Package (Recommended)**\n\nbash\n# Install globally via npm\nnpm install -g claude-code-webui\n\n# Start the server\nclaude-code-webui\n\n# Open browser to http://localhost:8080\n\n\n## Examples\n\nThe backend server supports various command-line options to customize its behavior.\n\n**Custom Port:**\nbash\nclaude-code-webui --port 3000\n\n\n**Bind to All Interfaces (accessible from network):**\nbash\nclaude-code-webui --host 0.0.0.0 --port 9000\n\n\n**Enable Debug Mode:**\nbash\nclaude-code-webui --debug\n\n\n**Custom Claude CLI Path (for non-standard installations):**\nbash\nclaude-code-webui --claude-path /path/to/claude\n\n\n## Why Use claude-code-webui?\n\nclaude-code-webui transforms the way you interact with Claude Code, moving beyond the limitations of a terminal-only experience.\n\n**Benefits over CLI:**\n*   **Accessibility:** Use on any device with a browser, not just desktop.\n*   **Mobile-Friendly:** Enjoy a touch-optimized interface on mobile devices.\n*   **Rich Responses:** Get beautifully formatted responses instead of plain text output.\n*   **Visual Project Selection:** Easily choose projects for context-aware sessions.\n\n**Key Features:**\n*   **Permission Mode Switching:** Toggle between normal and plan mode execution.\n*   **Real-time Streaming Responses:** See live Claude Code output in the chat interface.\n*   **Project Directory Selection:** Visual project picker for context-aware sessions.\n*   **Conversation History:** Browse and restore previous chat sessions.\n*   **Tool Permission Management:** Granular control over Claude's tool access.\n*   **Dark/Light Theme Support:** Automatic system preference detection.\n*   **Mobile-Responsive Design:** Optimized interface for any device.\n\n## Links\n\n*   **GitHub Repository:** [https://github.com/sugyan/claude-code-webui](https://github.com/sugyan/claude-code-webui)\n*   **View Screenshots:** [https://github.com/sugyan/claude-code-webui#screenshots](https://github.com/sugyan/claude-code-webui#screenshots)\n*   **Related Project (siteboon/claudecodeui):** [https://github.com/siteboon/claudecodeui](https://github.com/siteboon/claudecodeui)","metrics":{"detailViews":6,"githubClicks":5},"dates":{"published":null,"modified":"2026-04-30T07:48:20.000Z"}}