GitHub 热门

Caho1/open-claude-ui

在 GitHub 打开 ↗

逆向还原 Claude 桌面端 UI 的 React 组件库与动效引擎

Star1.6k
24h 新增+9
7 天新增—
Fork317
Issue0
语言TypeScript

项目介绍

更新于 1 天前

open-claude-ui 是一个把 Claude 桌面端界面逆向拆解后重新实现的开源 React 组件库,包含 30 个可直接复用的组件和一套动效引擎,配色、圆角、弹簧参数都对齐 Claude Desktop 的真实取值。它不只是外观复刻,还还原了输入框的中文输入法合成守卫、滚动渐隐遮罩、以光标为锚点的图片画廊缩放、Web Audio 合成提示音等细节交互,另附 3000 多行逆向分析手册,逐条记录这些设计决策的取证来源。设计令牌和纯 CSS 层可以脱离 React 单独引入,Vue 或原生页面也能用。适合两类人:一是正在做 AI 对话产品、Agent 桌面容器的前端工程师,想省去自己调手感的时间,直接抄一套经过验证的交互物理参数;二是对大厂产品设计体系好奇、想读逆向分析学方法论的人。如果你不做前端或不关心 UI 细节,跟你的关系不大。

上手成本:中

Star 趋势

记录 7 个数据点 · 期间增长 +18

话题标签

anthropicaudioworkletclaudedesign-systemframer-motionmotion-physicsreactreverse-engineeringtailwindcssui-components

仓库信息

LicenseMIT
创建时间2026-10-14
最后推送27 分钟前
热度分36.0