LoopGe/claude-react-web

<div align="center"> <h1>claude-react-web</h1> <p><b>Run and steer Claude agents from your browser — multi-session, permission-gated, git-aware.</b></p> <p> <a href="https://www.npmjs.com/package/claude-react-web"><img src="https://img.shields.io/npm/v/claude-react-web.svg" alt="npm version"></a> <a href="https://www.npmjs.com/package/claude-react-web"><img src="https://img.shields.io/npm/dm/claude-react-web.svg" alt="npm downloads"></a> <a href="https://github.com/LoopGe/claude-react-web/actions/workflows/ci.yml"><img src="https://github.com/LoopGe/claude-react-web/actions/workflows/ci.yml/badge.svg" alt="CI"></a> <a href="./LICENSE"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License: MIT"></a> <a href="https://nodejs.org/"><img src="https://img.shields.io/badge/node-%3E%3D20-green.svg" alt="Node.js 20+"></a> <a href="#contributing"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome"></a> </p> <p> <a href="#quick-start">Quick start</a> · <a href="#features">Features</a> · <a href="#screenshots">Screenshots</a> · <a href="#cli-reference">CLI</a> · <a href="#architecture">Architecture</a> · <a href="#contributing">Contributing</a> · <a href="./CHANGELOG.md">Changelog</a> </p> <p> <b>English</b> · <a href="./README.zh-CN.md">简体中文</a> · <a href="./docs/manual.en.md">User manual</a> </p> </div> <p align="center"> <img src="docs/screenshots/manual/ch1-overview.png" alt="claude-react-web UI" width="100%" /> </p> <!-- Maintainers: README.zh-CN.md mirrors this file. Update both together. -->

A local browser UI for @anthropic-ai/claude-agent-sdk. Ships as a single npx binary that serves both the API and a built React client — a full Claude Code-style experience, in a real browser.

Each chat session holds its own stateful SDK Query on the server, so multi-turn conversations, mid-run interruption, model switc