brainless
Claude Code, Codex and Grok terminal UIs as shadcn components
Tier A · StrongRegistryComponent Librarybrainless.swerdlow.dev
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-sessionFor an agent
Use 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.
Facts
- License
- MIT
- Pricing
- Free, Open source
- Framework
- React, Next.js
- Styling
- Tailwind CSS
- Distribution
- shadcn registry, CLI installer, GitHub repository, Copy-paste snippet
- Platform
- Web
- Content type
- Code
- Agent readiness
- Machine-readable registry item, CLI installable, Readable open source, Copy-paste ready code
- Accessibility
- Semantic HTML, Full ARIA pattern implemented, Accessible
- Maturity
- Actively maintained
- GitHub stars
- 486
Components it ships
40 totalHelps you build
6Templates
5 of 6- 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
Notable for
- 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
Provenance
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
Also in AI Interface Kits
6- AI Elements · Vercel's 47-component shadcn registry for chat, agent, voice and workflow UIs
- assistant-ui · React chat primitives and shadcn-installable UI for LLM apps, copilots, and agents
- AIcss · 14 copy-paste AI-conversation UI components in React, Vue and Svelte, plain CSS
- ElevenLabs UI · First-party shadcn registry for voice agents: orbs, waveforms, transcripts
- LiveKit Agents UI · shadcn registry of voice-agent UI: visualizers, control bar, transcript
- OpenUI · MIT generative-UI framework: streaming UI language, component library, chat shell