Free open source front-end interface for Claude Code

claudecodeui, which allows users to manage Claude Code sessions and projects on mobile devices and web pages. The project supports responsive design and is suitable for desktops, tablets and mobile phones. It provides functions such as an interactive chat interface, integrated shell terminal, file resource manager, and Git resource manager.

siteboon/claudecodeui Is a very useful tool that is mainly used to provide a modern graphical interface (GUI) for Anthropic’s Claude Code or Cursor CLI tools, making it easier for you to manage sessions and projects on your desktop, tablet or mobile phone.

project information

Claude Code UI is a free and open source Web UI, allows you to remotely manage Claude Code or Cursor CLI sessions, projects, and more on a variety of devices, including desktop and mobile

  • Author: Siteboon (Dutch team)
  • Programming language: JavaScript
  • License Agreement: GPL-3.0
  • Current status: About 3k stars, active updates, the most recent update was August 12, 2025

Core functions (Source overview)

You can see many useful functions from GitHub’s README. The following are its main features

  1. Responsive Design
    Supports desktop, tablet and mobile devices, and is friendly to access whether in browser or PWA mode.
  2. Interactive Chat interface
    Embedded chat window for easy interaction with Claude Code or Cursor CLI.
  3. Integrated Shell Terminal
    The CLI can be directly accessed through the UI, making it easier to execute commands.
  4. Document browsing and editor
    Supports directory tree display, file syntax highlighting, online editing and saving.
  5. Git support
    Including operations such as viewing, staging, submitting code, and switching branches.
  6. Session and project management
    automatic discovery ~/.claude/projects/ Support session recovery, management history, and cross-device synchronization.
  7. Support multiple models
    These include Claude Sonnet 4, Opus 4.1 and GPT-5.
  8. Tool enable control
    All tools are turned off by default; they need to be turned on manually in settings to prevent accidental execution of dangerous operations
  9. Mobile device optimization
    Including touch navigation, bottom tab bar, adaptive screen, customized home screen shortcut (PWA)

architectural overview

The architecture of Claude Code UI includes front and back components, and the structure is as follows:

  • front end: Built using React + Vite, the interface is efficient and fast, and the file editing function is based on CodeMirror
  • rear end: Node.js + Express provides RESTful API and WebSocket support for project traversal, CLI calls, session processing, etc.

The overall system structure is shown as follows:

[Front End (React/Vite) ] Backend (Express/WS) ] Claude CLI / Cursor CLI ]

community feedback

On Reddit, some users also expressed their positive experience with this project. The user wrote:

“It’s been a much better experience using CC with a UI that includes session history and improved text box.”
–Better experience with session history and improved text boxes

This shows that for users who are accustomed to command-line operations, alternatives with interfaces are more intuitive and convenient.

Summary and comparison

functional modulescontent abstract
project positioningWeb UI GUI for managing sessions and projects for Claude Code / Cursor CLI
Platform/LanguageWeb (React + Node.js), supporting desktop and mobile
main functionChat interface, file browsing/editing, terminal integration, session management, Git support
Model compatibilityClaude Sonnet 4、Opus 4.1、GPT-5
Main branch tool controlThe tool is turned off by default and needs to be turned on manually to improve security
Contribution activityStars is approximately 3k and will still be updated in August 2025
Positive community feedbackSmooth use, conversation history, and easy-to-use interface have been praised

Github:https://github.com/siteboon/claudecodeui

Oil tubing:

Scroll to Top