A shadcn/ui registry of opinionated React components, from WebGL shaders and animated backgrounds to footers, 404 pages and a gooey colour picker, installed by CLI so you own the code.
components
23rd.devLoading resources…
Open Claude UI
github.com
Open-source React and CSS library that reconstructs Claude's desktop chat interface, shipping 30 component modules plus the motion and scroll physics behind them.
What is Open Claude UI?
Open Claude UI (OCU) is an MIT-licensed TypeScript repository that rebuilds the Claude desktop client as reusable React modules, derived from static analysis and deobfuscation of the shipped app. The README documents 30 production modules, including a chat composer with a CJK input-method guard, message bubbles, a model switcher with token gauge, MCP tool-approval cards, a streaming diff viewer, scroll-fade containers and macOS vibrancy window chrome, along with a 3,000+ line reverse-engineering manual split into seven parts.
It is not an Anthropic product. The token layer and pure CSS are deliberately decoupled from React and Tailwind, so projects on other stacks can import tokens.css or pure.css to get the 183 design tokens and zero-JS scroll-fade masks. Assets are clean-room: no proprietary fonts or audio are distributed, and interface sounds are synthesised with the Web Audio API instead.
Best for
- Studying how a production AI chat interface is assembled
- Reusing a chat composer, message thread or tool-approval card in a new React app
- Borrowing motion tokens and scroll masks in a Vue, Svelte or plain-CSS project
Key features
- 30 standalone modules: 11 atomic controls plus 19 interaction and architecture pieces
- Tokens and pure CSS usable without React or Tailwind
- Seven-part written teardown covering tokens, motion physics and desktop integration
- Single-file offline Storybook preview of every component
- MIT licensed, TypeScript, React 18+, Tailwind 3.4+ and Framer Motion 11+
Related resources
23rd.dev
About 130 hand-crafted animated React components built with Tailwind CSS v4 — text effects, backgrounds, cards, widgets and bento grids — installed with the shadcn CLI.
components
animata.design
Visitopens in a new tabAnimate UI replaces shadcn/ui primitives with animated versions built on Radix UI, Base UI and React Aria, driven by Motion.
components
animate-ui.com
Visitopens in a new tab