Browse all patterns
The pattern library
Patterns
Start from a complete AI screen, then remix it. Each of the 12 patterns ships as one React + Tailwind file built from this library’s components.
The canonical chat interface — sidebar, streaming messages, prompt input with model selector, and sources.
8 components
A research flow that shows search tool calls, reasoning, sources and a cited final answer.
4 components
A coding run with agent status, tool calls, diffs and a human-in-the-loop approval gate.
3 components
A voice-first conversation — live waveform states, a recording input, a spoken transcript and a typed fallback.
5 components
A preferences screen that picks the model, reasoning level and tools, and manages persistent memory.
4 components
Chat on the left, generated output on the right — artifacts open from the answer, stream, version, and fail without breaking the conversation.
5 components
Ask your own documents — upload and parse, cited answers with inspectable passages, an honest not-found state, and a visible context budget.
7 components
Upload a document, watch fields fill in, then review the flagged ones — per-field confidence, corrections that keep the original, export earned.
4 components
A one-screen generation studio — prompt composer and model picker beside a feed of queued, staged, blocked and ready image results with variants.
3 components
Watch a fleet of agents at once — parallel statuses, an inspectable handoff, a waiting approval, a failed child run, and per-run plus fleet cost.
3 components
Grounded reply drafts with citations, honest low-confidence answers, inline corrections, an approval gate on refunds, and a rating row on every draft.
8 components
The model assembles a dashboard from a controlled widget registry — streamed props, an unsupported-request fallback, and widget clicks that re-enter the chat.
5 components