Registry Index

Search the catalog

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

ComponentReactSelf-contained

Grok Plan

grok-plan

Grok's plan.md approval card — framed viewer, a/s/c/q actions, Waiting on plan approval, and plan-approval composer.

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

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.

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

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.

The Update Todos block as a real list, with state labels and a struck-through done style.

Codex's full-screen /diff pager — spaced DIFF title bar, unified git hunks, ~ fillers, and quit footer.