蜡笔猫导航open-claude-ui
用 React 高保真还原 Claude 官方桌面端界面的开源组件项目，包含 30 个组件、交互动效算法和逆向拆解笔记。
它能做什么
- 还原 Claude 桌面端界面，拆分为约 30 个 React 组件
- 内置 8 项交互物理算法，覆盖动效与手感细节
- 附带 3000+ 行逆向分析手册，记录拆解过程
- 基于 TypeScript、Tailwind CSS 与 Framer Motion
- MIT 许可，可自由取用与二次修改
适合谁
- 想复刻 Claude 风格对话界面的前端开发者
- 需要参考对话动效与交互实现细节的 UI 工程师
- 研究成熟产品逆向拆解方法的设计师与学习者
详细介绍
这是一个把 Claude 桌面客户端界面拆开复刻的开源项目：作者用 React + TypeScript 重建了约 30 个独立组件，并整理出 8 项与交互动效相关的物理算法，配套一份 3000 多行的逆向分析手册，记录拆解思路。
适合想做出类似对话式桌面界面观感的前端开发者，也适合研究动效与交互细节实现的工程师和设计师参考。技术栈为 TypeScript、Tailwind CSS、Framer Motion，仓库采用 MIT 许可证。
使用方式上，它是可阅读、可复用的组件源码集合，需要自行拉取仓库并接入到自己的 React 工程中；项目并非官方出品，也没有提供安装命令或成品应用。