ActiveAI/chat UI426
@brainless
AI/chat UI · MIT · data updated 2026-07-28
Claude Code, Codex, and Grok interfaces as shadcn components — accessible React terminal-agent UI for docs, demos, and product surfaces.
accessibilityaiauthcardsnavigationonboardingretro
Install
npx shadcn@latest add https://brainless.swerdlow.dev/r/registry.jsonHealth
StatusActive
Last commit2 weeks ago
LicenseMIT
Open issues0
ArchivedNo
Stars426
Components (40)
claude-headerclaude-messageclaude-thinkingclaude-tool-callclaude-todo-listclaude-diffclaude-permissionclaude-promptclaude-slash-menucodex-headercodex-messagecodex-execcodex-workingcodex-promptcodex-diffcodex-permissionscodex-slash-menugrok-headergrok-statusgrok-messagegrok-eventgrok-thoughtgrok-thinkinggrok-workinggrok-toolgrok-writegrok-permissiongrok-plangrok-project-pickergrok-shortcutsgrok-settingsgrok-turn-endgrok-slash-menugrok-promptclaude-sessioncodex-sessiongrok-sessiongrok-session-activepied-piper-onboardingindex
Components: claude-header, claude-message, claude-thinking, claude-tool-call, claude-todo-list, claude-diff, claude-permission, claude-prompt, claude-slash-menu, codex-header, codex-message, codex-exec, codex-working, codex-prompt, codex-diff, codex-permissions, codex-slash-menu, grok-header, grok-status, grok-message, grok-event, grok-thought, grok-thinking, grok-working, grok-tool, grok-write, grok-permission, grok-plan, grok-project-picker, grok-shortcuts, grok-settings, grok-turn-end, grok-slash-menu, grok-prompt, claude-session, codex-session, grok-session, grok-session-active, pied-piper-onboarding, indexPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@brainless · claude-header
npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-header.jsonView source