Skip to main content
Back to trending

open-claude-ui

A high-fidelity recreation of the official Claude desktop UI, based on a deep REA-based breakdown. 30 hand-written standalone React components, 8 hardcore interaction physics algorithms, and a 3000+ line reverse-engineering analysis manual.

Translated from Chinese · show original

基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。纯手写 30 个独立 React 组件与 8 项硬核交互物理算法，附带 3000+ 行逆向分析手册。

  • anthropic
  • audioworklet
  • claude
  • design-system
  • framer-motion
  • motion-physics
  • react
  • reverse-engineering
  • tailwindcss
  • ui-components
View on GitHub
Stars
721
Forks
169
+ today
+10
Created
2d

Ranking data as of October 15, 2026 (UTC).

Star History

Today, hour by hour

721 stars
010

Overview

A high-fidelity recreation of the official Claude desktop UI, based on a deep REA-based breakdown. 30 hand-written standalone React components, 8 hardcore interaction physics algorithms, and a 3000+ line reverse-engineering analysis manual. It ranks #21 on GitTiger, gaining +10 stars on October 15, 2026 (UTC).

The project is written in TypeScript and has 169 forks. It was created 2d ago.

AI-generated summary of the repository README — may contain errors.

What it is

Open Claude UI is a TypeScript and React project. Its description says it is a high-fidelity recreation of Claude's official desktop UI, based on a reverse-engineering breakdown. The description also says it has 30 hand-written React components and a reverse-engineering analysis manual of more than 3,000 lines.

Capabilities described

- Design tokens and surface levels, following a Claude Design System approach (README summary). - Core controls such as buttons, segmented controls, status indicators and dialogs (README summary). - Session UI with a composer, IME guard, model switcher and MCP cards (README summary). - Motion features: spring physics, ambient shimmer and scroll fade masks (README summary).

Getting started

The supplied data has no installation or run steps. See the README at https://github.com/Caho1/open-claude-ui.

Missing evidence

The supplied data does not state browser or platform support, test coverage or how the components are packaged.

Installation
git clone https://github.com/Caho1/open-claude-ui.git
cd open-claude-ui
# see README for setup

Frequently Asked Questions

What does Open Claude UI reproduce?

According to the description, it reproduces Claude's official desktop UI, based on a reverse-engineering breakdown.

What license does it use?

The license field is MIT.

How do I get started?

The supplied data has no setup steps. See the README at https://github.com/Caho1/open-claude-ui.