Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactSelf-contained

Claude Message

claude-message

A conversation turn — Claude Code's ❯ chip for the user, plain text for the assistant.

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

@brainless

More from @brainless

Top status bar — branch glyph, cwd, context usage (16K / 500K), and optional turn progress (2/3 ✓).

Completed or streaming thought — ◆ Thought for 0.2s, or a bordered Thinking… body.

Post-turn footer — Turn completed in 8.0s.

An inline edit hunk with tinted +/- rows, line numbers, and off-screen added/removed labels.

Grok's inline write/edit chrome — line-numbered before/after inside a ┃ gutter, with optional hook ✓/✗ lines.

An interactive sign-up flow — Pied Piper header, typed assistant lines, thinking between turns, and the Claude composer for name + intent.

The input composer — dual CSS rules around a real text input, effort chips (low ○ / medium ◐ / high ● / xhigh ◉ / max ◈ / ultracode ✦), and shift+tab modes (auto / manual / accept-edits / plan).

Slash-command palette above the real ClaudePrompt composer — type after / to filter, arrow keys to move.