explaingit

siteboon/claudecodeui

★ 10,885TypeScriptAudience · vibe coderComplexity · 3/5Setup · moderate

TLDR

A browser-based interface for AI coding tools like Claude Code and Cursor CLI, letting you chat with AI, browse project files, manage git, and run a terminal from any device, including phones and tablets.

Mindmap

mindmap
  root((claudecodeui))
    Features
      Chat with AI
      File browser
      Git panel
      Shell terminal
    Setup options
      Self-hosted free
      Cloud paid service
    AI integrations
      Claude Code
      Cursor CLI
      Codex and Gemini CLI
    Audience
      Vibe coders
      Mobile developers
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Use Claude Code from your phone or tablet without needing a terminal app installed.

USE CASE 2

Browse project files, view git diffs, and commit changes from one browser window while chatting with AI.

USE CASE 3

Self-host the interface on your own machine and access it from any browser on your local network for free.

USE CASE 4

Build a custom plugin tab that exposes a backend service or stats view inside the AI coding workspace.

Tech stack

TypeScriptNode.jsDocker

Getting it running

Difficulty · moderate Time to first run · 30min

Requires Node.js or Docker and your own Claude Code or Cursor CLI subscription, Cloud CLI provides the interface, not the AI itself.

In plain English

Cloud CLI (also called Claude Code UI) is a web-based interface that lets you work with AI coding assistants such as Claude Code, Cursor CLI, Codex, and Gemini CLI from a browser on any device, including phones and tablets. Instead of running these tools only from a terminal on your computer, you can interact with them through a graphical interface that shows your projects, chat history, and files in one place. The interface includes a chat window for talking with the AI, a built-in file browser with syntax highlighting, a git panel where you can view changes, stage files, and commit, and a shell terminal for direct command access. Sessions are saved so you can pick up conversations later, and multiple sessions can run at the same time. You can run the software yourself by installing it via Node.js or Docker, or use the hosted CloudCLI Cloud service which requires no local setup and costs from $7 per month. The self-hosted version is free and open source. All options connect to your own AI subscriptions (Claude, Cursor, and so on), Cloud CLI supplies the interface and environment, not the AI itself. The self-hosted version works from any browser on your local network, the cloud version is accessible from anywhere. A plugin system lets you add custom tabs and backend services. Several ready-made plugins are available, including a web terminal with multi-tab support and a project statistics view. You can also build your own using a provided starter template. Security-wise, all Claude Code tool permissions are turned off by default. You enable only the ones you want through a settings panel. This prevents automated operations from running without your explicit approval.

Copy-paste prompts

Prompt 1
Install claudecodeui via Docker and connect it to my existing Claude Code subscription so I can use it from my iPad.
Prompt 2
How do I enable only specific tool permissions in claudecodeui's settings panel to prevent automated operations I didn't approve?
Prompt 3
Walk me through setting up the self-hosted claudecodeui on a home server so any device on my network can reach it.
Prompt 4
Build a simple claudecodeui plugin that adds a tab showing live token usage for the current AI coding session.
Prompt 5
How do I save and resume a previous chat session in claudecodeui?
Open on GitHub → Explain another repo

← siteboon on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.