TanStack
Featured
router
TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It enables high-fidelity, accessible terminal UI replication of three major coding agents as shadcn components, eliminating the need for screenshots or iframes in documentation and demos.
Who it is for
- React developers using shadcn/ui who need realistic agent terminal components
- Technical writers creating documentation for AI coding tools
- Product teams building demos or marketing pages for AI agents
- Designers prototyping terminal-based interactions
Use cases
- Embedding a Claude Code session in a product changelog or blog post
- Showing Codex output in a tutorial or interactive guide
- Building a landing page with live-looking Grok terminal views
- Creating copy-pasteable UI blocks for developer portfolios or case studies
Strengths
- High fidelity grounded in real terminal captures via a tmux harness
- Fully compatible with shadcn/ui's registry and copy-paste workflow
- Covers three distinct agent families with many sub-components and blocks
- MIT licensed and open to community contributions
Considerations
- Requires a React project already set up with shadcn/ui and its registry system
- No standalone vanilla JavaScript version; tied to the shadcn ecosystem
- Limited to the three listed agents—custom or future agents not included
README quick start
brainless
Claude Code, Codex, and Grok interfaces as shadcn components.
Site: brainless.swerdlow.dev · Repo: github.com/theswerd/brainless
What is this?
brainless is a shadcn/ui registry of accessible React components that recreate the terminal UIs of coding agents — Claude Code, OpenAI Codex, and Grok — so you can drop them into docs, demos, marketing pages, and product UI without screenshots or iframes.
Components are built for fidelity against real terminal captures, then shipped as copy-pasteable registry items.
Install
Namespace (recommended)
bunx shadcn@latest registry add @brainless=https://brainless.swerdlow.dev/r/{name}.json
bunx shadcn@latest add @brainless/claude-session
bunx shadcn@latest add @brainless/codex-session
bunx shadcn@latest add @brainless/grok-session
Or add the registry manually in components.json:
{
"registries": {
"@brainless": "https://brainless.swerdlow.dev/r/{name}.json"
}
}
URL
bunx shadcn@latest add https://brainless.swerdlow.dev
bunx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json
GitHub
bunx shadcn@latest add theswerd/brainless/claude-session
Browse individual pieces on components and blocks.
Components
| Family | Pieces |
|---|---|
| Claude | header, message, thinking, tool call, diff, permission, prompt, slash menu, todo list |
| Codex | header, message, working, exec, diff, permissions, prompt, slash menu |
| Grok | status, header, message, thinking, thought, tool, write, turn end, prompt, slash menu, and more |
| Blocks | claude-session, codex-session, grok-session, grok-session-active |
Repo layout
registry/brainless/ # source components (claude / codex / grok / blocks / ui)
public/r/ # built registry JSON for shadcn add
references/captures/ # ANSI / HTML / text frames from real CLIs
tools/capture/ # tmux capture harness
app/ # docs site (Next.js)
docs/screenshots/ # README screenshots
Capture harness
Fidelity starts from real terminal output. The capture tools under tools/capture/ drive agents
Description
Claude Code, Codex, and Grok interfaces as shadcn components
Related repositories
Similar projects matched by category, topics, and programming language.
vercel-labs
Featured
scriptc
scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.
Jakubantalik
Featured
thinking-orbs
A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.