Caho1/open-claude-ui

The problem

If you're building an AI chat client or agent desktop shell, you have to design the conversation surface yourself: streaming text, an IME-safe composer, model switches, tool-approval cards, scroll masks that don't band on Retina displays. Most teams either hand-roll these or approximate an existing product's look by eye. This project instead reconstructs Claude's desktop design system from decompiled production code, shipping the tokens, components and motion constants as a library.

What's different

Most "UI clone" repos are screenshot-driven approximations. Here the claim is provenance: constants and formulas are said to be extracted from production JS via the REA reverse-engineering framework, and a 3,000+ line manual documents where each value came from. Practically, the distinguishing pieces are the token/CSS layer that works without React or Tailwind (so Vue or Svelte hosts can consume tokens.css and pure.css directly), and the interaction details that are usually skipped: four tuned spring parameter sets, a 4px pointer dead zone before drag starts, CJK IME composition guards, and a 7-stop non-linear fade mask. Compared with general-purpose libraries like shadcn/ui or Radix, this is narrow and opinionated — one aesthetic, deeply specified — rather than a broad primitive set. The audio cues are synthesized with Web Audio oscillators instead of shipped MP3s, which sidesteps binary asset licensing.

Who it's for

Frontend engineers building a chat-centric AI product or an agent desktop container who want a polished conversation UI quickly and are willing to adopt a specific visual language. It is also useful as a study reference for interaction physics — the manual is arguably more valuable than the components. Look elsewhere if you need a neutral design system you'll heavily rebrand, if your stack is not React/Tailwind-friendly, or if you need a maintained component library with versioning and a contributor base.

Cost of adoption

Requires TypeScript 5.5+, React 18+, TailwindCSS 3.4+ and Framer Motion 11+. Install commands are not shown in the README's truncated text; follow the README. MIT licensed, and the project deliberately ships no proprietary fonts or audio, so no DMCA exposure from binaries — but the visual language is still recognizably Claude's, which is a brand risk worth a legal read before shipping commercially. The bigger risk is maturity: this is a 10-day-old project with a single apparent author and 1,398 stars. No release history, no evidence of production users, and the README is heavily marketing-flavored. Treat it as source code to copy and adapt, not a dependency to pin.

Verdict

This is a brand-new project riding a sharp launch spike — roughly 134 stars per day since creation, already #5 on a new TypeScript board — not an established library. The reverse-engineering premise is unusually concrete and the documentation depth is real, which explains the attention, but 10 days and no tracked history before late October 2026 means nothing about long-term maintenance is known. Adopt it as a reference implementation and copy the parts you need; do not architect a product around it without forking. Watch whether commits continue after the launch window.