brainless
Claude Code, Codex and Grok terminal UIs as shadcn components
brainless is a shadcn/ui registry that rebuilds the terminal interfaces of three coding agents — Claude Code, OpenAI Codex and Grok — as real React components rather than screenshots or <pre> dumps. It ships 34 UI pieces (headers, messages, thinking blocks, tool calls, diffs, permission prompts, prompt composers, slash menus) plus 6 assembled session blocks, and it insists on semantic markup: details, listbox, radiogroup and aria-live instead of styled text. Components were built by capturing real ANSI output from the actual agents and diffing against it, so the fidelity is unusually high. MIT, by Ben Swerdlow.
bunx shadcn@latest add @brainless/claude-sessionUse this when you need to *depict* an agent session — docs pages, launch marketing, demo videos, changelog screenshots — not when you are building a live agent product; these are presentational replicas of terminal chrome, not a wired chat runtime. Register it as a namespace (`bunx shadcn@latest registry add @brainless=https://brainless.swerdlow.dev/r/{name}.json`) first, then pull the `*-session` block rather than 34 individual pieces. Pair it with an actual streaming layer (AI SDK, Vercel ai-elements) if the content must be real, and pick one agent family per page — the Claude, Codex and Grok sets deliberately differ in typography and spacing, so mixing them looks wrong.
Why it is here. The only registry that treats agent terminal UI as a design language worth reproducing accurately, and it does it with semantic HTML instead of a monospace screenshot.
- claude-session · Full Claude Code session block — header, messages, thinking, tool calls assembled
- codex-session · Full Codex session block with exec and working states
- grok-session · Full Grok session block
- grok-session-active · Grok session in a live, mid-run state
- pied-piper-onboarding · Demo onboarding flow assembled from the primitives
- pixel-accurate Claude Code, Codex and Grok chrome
- built by diffing real ANSI captures
- semantic details/listbox/aria-live markup
- 6 assembled session blocks
- MIT
Verified 2026-08-15. HTTP 200. https://brainless.swerdlow.dev/, https://brainless.swerdlow.dev/r/registry.json, https://github.com/theswerd/brainless, gh repo view theswerd/brainless
