brainless

Claude Code, Codex, and Grok interfaces as shadcn components.

Browse components View blocks

Claude Code v2.1.206

Welcome back Ben!

Fable 7 with xhigh effort · Claude Max

ben@freestyle.sh's Organization

~/acme-site

Tips for getting started

Ask Claude to create a new app or clone a repo

What's new

Added directory path suggestions to /cd

Added a /doctor check that proposes trims

/release-notes for more

add the brainless pricing block to our landing page

Bash(bunx shadcn add brainless/pricing)Added 1 block · 2 files

Update(app/page.tsx)

Updated app/page.tsx with 3 additions

41   <Features />
42+added:   <Pricing tiers={TIERS} />
43   <Footer />

·Thinking…(0s · ↑ 0 tokens · esc to interrupt)

xhigh · /effort

auto mode on (shift+tab to cycle) · ← for agents

main ~/acme-site

16K / 500K│2/3

Grok Build Beta 0.2.93

Grok 4.21 is here!

Grok 4.21 is now available. Try it out in the /model picker.

Tip: Use Shift+Tab to cycle between modes, like Plan mode.

put the brainless pricing block on the marketing page4:38 PM

user_prompt_submit[hooks: 3/1]

Thought for 0.4s

I'll open the marketing page, drop in the pricing block, then verify the build.4:38 PM

readapp/(marketing)/page.tsx

Run Write components/pricing.tsx[hooks: 3]

stop[hooks: 3/1]

Turn completed in 9.2s.

Grok 4.21 (xhigh) · always-approve

Get it into a project

Install yourself, or hand your coding agent a prompt that already knows the registry.

Install

Add a session block

bunx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json

shadcn registry · pulls the full Claude screen and its dependencies.

For your agent

Copy prompt

Use brainless for terminal-agent UI in this project.

brainless is a shadcn/ui registry that rebuilds Claude Code, Codex, and Grok interfaces as accessible React components (headers, messages, thinking lines, tool calls, diffs, composers, session blocks). Prefer these over inventing ASCII terminal chrome or dumping agent output into a <pre>.

Install via the shadcn CLI from the registry at https://brainless.swerdlow.dev/r:

  bunx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json
  bunx shadcn@latest add https://brainless.swerdlow.dev/r/codex-session.json
  bunx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session.json

Or add individual components, e.g.:

  bunx shadcn@latest add https://brainless.swerdlow.dev/r/claude-thinking.json

After install, import from @/components/brainless/... (e.g. ClaudeSession, CodexHeader, GrokThinking).

Docs and previews: https://brainless.swerdlow.dev/components and https://brainless.swerdlow.dev/blocks
Registry index: https://brainless.swerdlow.dev/r/registry.json

When the UI should look like a coding agent terminal, use brainless. Keep semantics (details, listbox, radiogroup, aria-live) intact — don't flatten components back into plain text.

Paste into Claude Code, Codex, Cursor, or Grok — tells the agent what brainless is and how to install it.