Copy a pattern into your application, then connect its state to your data. No AI provider or AI SDK dependency is required. Read the overview.
Patterns
- Chain of Thought — A summary that opens into the research steps, source links, and tool output behind an answer.
- Chat — A conversation layout with user and assistant turns, anchored for navigation and paired with a prompt composer.
- Checkpoint — A conversation checkpoint that restores the thread from a saved turn.
- Confirmation — A confirmation request that presents a tool action and records a clear decision.
- Context — A context usage indicator that reveals the token count and its breakdown on interaction.
- File Tree — A nested file browser with expandable folders and selectable files.
- Inline Citation — An inline source citation that links supported text to source details.
- Message — A message pattern for user and assistant turns with copy, feedback, and retry actions.
- Model Selector — A model and reasoning selector that groups available options into accessible menus.
- Plan — A collapsible plan that shows all proposed steps and the number of completed steps.
- Prompt Input — A prompt composer that combines text entry, file attachments, model controls, and submission.
- Queue — A task queue that separates work still to do from completed work.
- Reasoning — A collapsible view of the agent’s thinking that follows the reasoning stream and can show its duration.
- Sources — A collapsible list of the unique sources used for an answer.
- Stack Trace — A failed tool call with application stack frames and a separate disclosure for framework frames.
- Subagent — A subagent run with nested tool calls, task details, and a final report.
- Suggestion — A row of suggested prompts that can start a conversation with one selection.
- Task — A collapsible record of the steps an agent takes as it performs a task.
- Terminal — Shell commands with streaming output, exit status, and expandable command logs.
- Test Results — A test run grouped by suite, with passed, failed, and skipped tests and failure details.
- Tool — Tool calls with running, waiting, error, and complete states, output details, and approval requests.
Each page lists the components to install and links to their APIs. Pattern source uses your Design System tokens through those components.