Demos
318 resultsMost Popular
CopilotKit's Built-in AgentCLI Start Command
Copy-paste command to clone the canonical starter
CopilotKit's Built-in AgentPre-Built: CopilotChat
Vanilla CopilotChat with three starter-prompt suggestions — the minimum-viable surface for free-form chat
CopilotKit's Built-in AgentChat Customization: CSS
Default CopilotChat re-themed via CopilotKitCSSProperties
CopilotKit's Built-in AgentGenerative UI: Tool Rendering (Default)
Out-of-the-box tool rendering — backend defines the tools; the frontend adds zero custom renderers and relies on CopilotKit's built-in default UI
CopilotKit's Built-in AgentGenerative UI: Tool Rendering (Catch-all)
Single branded wildcard renderer via useDefaultRenderTool — the same app-designed card paints every tool call
CopilotKit's Built-in AgentFrontend Tools: In-app Actions
Agent invokes client-side handlers registered with useFrontendTool
CopilotKit's Built-in AgentFrontend Tools: Async
useFrontendTool with an async handler — agent awaits a client-side async operation (simulated notes DB query) and uses the returned result
CopilotKit's Built-in AgentHuman In the Loop: In-chat
Time-slot picker rendered inline in the chat via `useHumanInTheLoop` — the agent requests user input, the frontend renders a TimePickerCard, and the user's choice resumes the agent.
CopilotKit's Built-in AgentHuman in the Loop: In-app
Agent requests approval via useFrontendTool with an async handler; the approval UI pops up as an app-level modal OUTSIDE the chat, and a completion callback resolves the pending tool Promise with the user's decision
CopilotKit's Built-in AgentGenerative UI: Tool Rendering (Custom)
Custom per-tool renderers (WeatherCard, FlightListCard) plus a wildcard catch-all for every other tool
CopilotKit's Built-in AgentGenerative UI: Tool calls + reasoning
Per-tool renderers (WeatherCard, FlightListCard, custom catchall) interleaved with a reasoningMessage slot rendering the agent's reasoning tokens — combines reasoning-display + tool-rendering in one chat surface.
CopilotKit's Built-in AgentGenerative UI: useComponent
Agent uses tools to trigger UI generation
CopilotKit's Built-in AgentGenerative UI: Agent State
Agent-state-driven Gen UI — the agent plans a live step list via Command(update={steps}); the frontend subscribes through useAgent and renders the steps inside CopilotChat's messageView.children slot.
CopilotKit's Built-in AgentShared State: Streaming
Per-token state delta streaming from agent to UI
CopilotKit's Built-in AgentShared State: Read + Write
Bidirectional shared state — UI writes preferences via agent.setState; agent writes notes via a Command-returning tool
CopilotKit's Built-in AgentShared State: Read-only
Recipe editor publishes form state via agent.setState; the agent reads the recipe context but does not mutate it (no backend tool — neutral default agent).
CopilotKit's Built-in AgentSub-Agents
Multiple agents with visible task delegation
CopilotKit's Built-in AgentPre-Built: Sidebar
Docked sidebar chat via <CopilotSidebar />
CopilotKit's Built-in AgentPre-Built: Popup
Floating popup chat via <CopilotPopup />
CopilotKit's Built-in AgentChat Customization: Slots
Customize CopilotChat via its slot system
CopilotKit's Built-in AgentHeadless UI: Simple
Minimum viable headless chat — useAgent + useCopilotKit dressed in shadcn/ui primitives. No tool rendering, no generative UI, just text in / text out.
CopilotKit's Built-in AgentHeadless UI: Complete
Full headless surface — hand-rolled CopilotChat replacement that wires every render hook (useRenderTool, useDefaultRenderTool, useComponent, useRenderToolCall, useRenderActivityMessage, useSuggestions, useAttachments) on top of shadcn primitives.
CopilotKit's Built-in AgentReasoning: Default
Built-in CopilotChatReasoningMessage rendering with no slot override.
CopilotKit's Built-in AgentReasoning: Custom
Visible reasoning/thinking chain alongside the final answer
CopilotKit's Built-in AgentHuman in the Loop: Interrupts
Interactive component rendered inline in the chat via the lower-level `useInterrupt` primitive — direct control over the LangGraph interrupt lifecycle
CopilotKit's Built-in AgentHuman in the Loop: Headless Interrupts
Same interrupt(...) backend pattern as gen-ui-interrupt, but the time-picker mounts in a separate app-surface pane (left) instead of inline inside the chat — uses useHeadlessInterrupt (custom-event subscribe + manual runAgent forwardedProps.command.resume).
CopilotKit's Built-in AgentDeclarative UI: Dynamic A2UI
Canonical A2UI BYOC — custom catalog (Card/StatusBadge/Metric/InfoRow/PrimaryButton) wired via a2ui.catalog on the provider
CopilotKit's Built-in AgentDeclarative UI: Fixed A2UI
Render an A2UI tree from a fixed, server-side schema — the agent streams data into a pre-authored component tree
CopilotKit's Built-in AgentA2UI Error Recovery
Makes the A2UI validate->retry recovery loop visible — an invalid first render heals to a valid one, and an always-invalid render shows a graceful recovery-exhausted fallback. Backend-owned via get_a2ui_tools (injectA2UITool=false); reuses the declarative-gen-ui catalog.
CopilotKit's Built-in AgentMCP Apps
MCP server-driven UI via activity renderers
CopilotKit's Built-in AgentShared State: Frontend Context
Frontend provides read-only context to the agent via useAgentContext
CopilotKit's Built-in AgentDeclarative UI: json-render
Streaming hierarchical JSON UI spec rendered via @json-render/react, with a Zod-validated catalog (MetricCard + PieChart + BarChart)
CopilotKit's Built-in AgentBeautiful Chat
Canonical polished starter chat — brand fonts, theme tokens, suggestion pills
CopilotKit's Built-in AgentAttachments
Image and PDF uploads via CopilotChat attachments, processed by a vision-capable agent
CopilotKit's Built-in AgentAuthentication
Bearer-token gate via runtime onRequest hook with unauthenticated / authenticated states
CopilotKit's Built-in AgentDeclarative UI: Hashbrown
Streaming structured output via @hashbrownai/react, rendering a sales dashboard catalog (MetricCard + PieChart + BarChart)
CopilotKit's Built-in AgentOpen Generative UI: Default
Agent composes UI from a registered component library — distinct from Tool Rendering, which attaches a custom renderer to a *named* backend tool. Use Open Generative UI when you want the agent to assemble UI freely from a palette you control.
CopilotKit's Built-in AgentOpen Generative UI: Custom
Same Open Generative UI surface, with the iframe-rendered components able to call back into frontend sandbox functions (e.g., a Calculator app whose buttons trigger handlers in the host page).
CopilotKit's Built-in AgentVoice
Speech-to-text via @copilotkit/voice with a bundled sample audio button
CopilotKit's Built-in AgentAgent Config Object
Forward a typed config object (tone / expertise / response length) from the provider to the agent's dynamic system prompt
LangGraph (Python)LangGraph PlatformCLI Start Command
Copy-paste command to clone the canonical starter
LangGraph (Python)LangGraph PlatformPre-Built: CopilotChat
Vanilla CopilotChat with three starter-prompt suggestions — the minimum-viable surface for free-form chat
LangGraph (Python)LangGraph PlatformChat Customization: CSS
Default CopilotChat re-themed via CopilotKitCSSProperties
LangGraph (Python)LangGraph PlatformGenerative UI: Tool Rendering (Default)
Out-of-the-box tool rendering — backend defines the tools; the frontend adds zero custom renderers and relies on CopilotKit's built-in default UI
LangGraph (Python)LangGraph PlatformGenerative UI: Tool Rendering (Catch-all)
Single branded wildcard renderer via useDefaultRenderTool — the same app-designed card paints every tool call
LangGraph (Python)LangGraph PlatformFrontend Tools: In-app Actions
Agent invokes client-side handlers registered with useFrontendTool
LangGraph (Python)LangGraph PlatformFrontend Tools: Async
useFrontendTool with an async handler — agent awaits a client-side async operation (simulated notes DB query) and uses the returned result
LangGraph (Python)LangGraph PlatformHuman In the Loop: In-chat
Time-slot picker rendered inline in the chat via `useHumanInTheLoop` — the agent requests user input, the frontend renders a TimePickerCard, and the user's choice resumes the agent.
LangGraph (Python)LangGraph PlatformHuman in the Loop: In-app
Agent requests approval via useFrontendTool with an async handler; the approval UI pops up as an app-level modal OUTSIDE the chat, and a completion callback resolves the pending tool Promise with the user's decision
LangGraph (Python)LangGraph PlatformGenerative UI: Tool Rendering (Custom)
Custom per-tool renderers (WeatherCard, FlightListCard) plus a wildcard catch-all for every other tool
LangGraph (Python)LangGraph PlatformGenerative UI: Tool calls + reasoning
Per-tool renderers (WeatherCard, FlightListCard, custom catchall) interleaved with a reasoningMessage slot rendering the agent's reasoning tokens — combines reasoning-display + tool-rendering in one chat surface.
LangGraph (Python)LangGraph PlatformGenerative UI: useComponent
Agent uses tools to trigger UI generation
LangGraph (Python)LangGraph PlatformGenerative UI: Agent State
Agent-state-driven Gen UI — the agent plans a live step list via Command(update={steps}); the frontend subscribes through useAgent and renders the steps inside CopilotChat's messageView.children slot.
LangGraph (Python)LangGraph PlatformShared State: Streaming
Per-token state delta streaming from agent to UI
LangGraph (Python)LangGraph PlatformShared State: Read + Write
Bidirectional shared state — UI writes preferences via agent.setState; agent writes notes via a Command-returning tool
LangGraph (Python)LangGraph PlatformShared State: Read-only
Recipe editor publishes form state via agent.setState; the agent reads the recipe context but does not mutate it (no backend tool — neutral default agent).
LangGraph (Python)LangGraph PlatformSub-Agents
Multiple agents with visible task delegation
LangGraph (Python)LangGraph PlatformPre-Built: Sidebar
Docked sidebar chat via <CopilotSidebar />
LangGraph (Python)LangGraph PlatformPre-Built: Popup
Floating popup chat via <CopilotPopup />
LangGraph (Python)LangGraph PlatformChat Customization: Slots
Customize CopilotChat via its slot system
LangGraph (Python)LangGraph PlatformHeadless UI: Simple
Minimum viable headless chat — useAgent + useCopilotKit dressed in shadcn/ui primitives. No tool rendering, no generative UI, just text in / text out.
LangGraph (Python)LangGraph PlatformHeadless UI: Complete
Full headless surface — hand-rolled CopilotChat replacement that wires every render hook (useRenderTool, useDefaultRenderTool, useComponent, useRenderToolCall, useRenderActivityMessage, useSuggestions, useAttachments) on top of shadcn primitives.
LangGraph (Python)LangGraph PlatformReasoning: Default
Built-in CopilotChatReasoningMessage rendering with no slot override.
LangGraph (Python)LangGraph PlatformReasoning: Custom
Visible reasoning/thinking chain alongside the final answer
LangGraph (Python)LangGraph PlatformHuman in the Loop: Interrupts
Interactive component rendered inline in the chat via the lower-level `useInterrupt` primitive — direct control over the LangGraph interrupt lifecycle
LangGraph (Python)LangGraph PlatformHuman in the Loop: Headless Interrupts
Same interrupt(...) backend pattern as gen-ui-interrupt, but the time-picker mounts in a separate app-surface pane (left) instead of inline inside the chat — uses useHeadlessInterrupt (custom-event subscribe + manual runAgent forwardedProps.command.resume).
LangGraph (Python)LangGraph PlatformDeclarative UI: Dynamic A2UI
Canonical A2UI BYOC — custom catalog (Card/StatusBadge/Metric/InfoRow/PrimaryButton) wired via a2ui.catalog on the provider
LangGraph (Python)LangGraph PlatformDeclarative UI: Fixed A2UI
Render an A2UI tree from a fixed, server-side schema — the agent streams data into a pre-authored component tree
LangGraph (Python)LangGraph PlatformA2UI Error Recovery
Makes the A2UI validate->retry recovery loop visible — an invalid first render heals to a valid one, and an always-invalid render shows a graceful recovery-exhausted fallback. Backend-owned via get_a2ui_tools (injectA2UITool=false); reuses the declarative-gen-ui catalog.
LangGraph (Python)LangGraph PlatformMCP Apps
MCP server-driven UI via activity renderers
LangGraph (Python)LangGraph PlatformShared State: Frontend Context
Frontend provides read-only context to the agent via useAgentContext
LangGraph (Python)LangGraph PlatformDeclarative UI: json-render
Streaming hierarchical JSON UI spec rendered via @json-render/react, with a Zod-validated catalog (MetricCard + PieChart + BarChart)
LangGraph (Python)LangGraph PlatformBeautiful Chat
Canonical polished starter chat — brand fonts, theme tokens, suggestion pills
LangGraph (Python)LangGraph PlatformAttachments
Image and PDF uploads via CopilotChat attachments, processed by a vision-capable agent
LangGraph (Python)LangGraph PlatformAuthentication
Bearer-token gate via runtime onRequest hook with unauthenticated / authenticated states
LangGraph (Python)LangGraph PlatformDeclarative UI: Hashbrown
Streaming structured output via @hashbrownai/react, rendering a sales dashboard catalog (MetricCard + PieChart + BarChart)
LangGraph (Python)LangGraph PlatformOpen Generative UI: Default
Agent composes UI from a registered component library — distinct from Tool Rendering, which attaches a custom renderer to a *named* backend tool. Use Open Generative UI when you want the agent to assemble UI freely from a palette you control.
LangGraph (Python)LangGraph PlatformOpen Generative UI: Custom
Same Open Generative UI surface, with the iframe-rendered components able to call back into frontend sandbox functions (e.g., a Calculator app whose buttons trigger handlers in the host page).
LangGraph (Python)LangGraph PlatformVoice
Speech-to-text via @copilotkit/voice with a bundled sample audio button
LangGraph (Python)LangGraph PlatformAgent Config Object
Forward a typed config object (tone / expertise / response length) from the provider to the agent's dynamic system prompt
LangGraph (TypeScript)LangGraph PlatformCLI Start Command
Copy-paste command to clone the canonical starter
LangGraph (TypeScript)LangGraph PlatformPre-Built: CopilotChat
Natural conversation with frontend tool execution
LangGraph (TypeScript)LangGraph PlatformHuman in the Loop: In-app
Agent requests approval via useFrontendTool with an async handler; the approval UI pops up as an app-level modal OUTSIDE the chat, and a completion callback resolves the pending tool Promise with the user's decision
LangGraph (TypeScript)LangGraph PlatformHuman In the Loop: In-chat
Interactive approval/decision surface rendered inline in the chat via the high-level `useHumanInTheLoop` hook
LangGraph (TypeScript)LangGraph PlatformGenerative UI: Tool Rendering (Custom)
Backend agent tools rendered as UI components
LangGraph (TypeScript)LangGraph PlatformGenerative UI: useComponent
Agent uses tools to trigger UI generation
LangGraph (TypeScript)LangGraph PlatformGenerative UI: Agent State
Long-running agent tasks with generated UI
LangGraph (TypeScript)LangGraph PlatformShared State: Streaming
Per-token state delta streaming from agent to UI
LangGraph (TypeScript)LangGraph PlatformShared State: Read + Write
Bidirectional shared state — UI writes preferences via agent.setState; agent writes notes via a Command-returning tool
LangGraph (TypeScript)LangGraph PlatformShared State: Read-only
Recipe editor publishes form state via agent.setState; the agent reads the recipe context but does not mutate it (no backend tool — neutral default agent).
LangGraph (TypeScript)LangGraph PlatformSub-Agents
Supervisor delegates to research / writing / critique sub-agents exposed as tools — each delegation appended to a live log in shared state
LangGraph (TypeScript)LangGraph PlatformBeautiful Chat
Canonical polished starter chat — brand fonts, theme tokens, suggestion pills
LangGraph (TypeScript)LangGraph PlatformPre-Built: Sidebar
Docked sidebar chat via <CopilotSidebar />
LangGraph (TypeScript)LangGraph PlatformPre-Built: Popup
Floating popup chat via <CopilotPopup />
LangGraph (TypeScript)LangGraph PlatformChat Customization: Slots
Customize CopilotChat via its slot system
LangGraph (TypeScript)LangGraph PlatformChat Customization: CSS
Default CopilotChat re-themed via CopilotKitCSSProperties
LangGraph (TypeScript)LangGraph PlatformHeadless UI: Simple
Minimal custom chat surface built on useAgent
LangGraph (TypeScript)LangGraph PlatformHeadless UI: Complete
Full chat implementation built from scratch on useAgent
LangGraph (TypeScript)LangGraph PlatformAuthentication
Bearer-token gate via runtime onRequest hook with unauthenticated / authenticated states
LangGraph (TypeScript)LangGraph PlatformAttachments
Image and PDF uploads via CopilotChat attachments, processed by a vision-capable agent
LangGraph (TypeScript)LangGraph PlatformAgent Config Object
Forward a typed config object (tone / expertise / response length) from the provider to the agent's dynamic system prompt
LangGraph (TypeScript)LangGraph PlatformGenerative UI: Tool Rendering (Default)
Out-of-the-box tool rendering — backend defines the tools; the frontend adds zero custom renderers and relies on CopilotKit's built-in default UI
LangGraph (TypeScript)LangGraph PlatformGenerative UI: Tool Rendering (Catch-all)
Single branded wildcard renderer via useDefaultRenderTool — the same app-designed card paints every tool call
LangGraph (TypeScript)LangGraph PlatformGenerative UI: Tool calls + reasoning
Sequential tool calls with reasoning tokens rendered side-by-side
LangGraph (TypeScript)LangGraph PlatformReasoning: Custom
Visible reasoning/thinking chain alongside the final answer
LangGraph (TypeScript)LangGraph PlatformReasoning: Default
Built-in CopilotChatReasoningMessage rendering with no slot override.
LangGraph (TypeScript)LangGraph PlatformHuman in the Loop: Interrupts
Interactive component rendered inline in the chat via the lower-level `useInterrupt` primitive — direct control over the LangGraph interrupt lifecycle
LangGraph (TypeScript)LangGraph PlatformHuman in the Loop: Headless Interrupts
Resolve langgraph interrupts from a plain button grid — no chat, no useInterrupt render prop
LangGraph (TypeScript)LangGraph PlatformDeclarative UI: Dynamic A2UI
Canonical A2UI BYOC — custom catalog (Card/StatusBadge/Metric/InfoRow/PrimaryButton) wired via a2ui.catalog on the provider
LangGraph (TypeScript)LangGraph PlatformDeclarative UI: Fixed A2UI
A2UI rendering against a known client-side schema
LangGraph (TypeScript)LangGraph PlatformA2UI Error Recovery
Makes the A2UI validate->retry recovery loop visible — an invalid first render heals to a valid one, and an always-invalid render shows a graceful recovery-exhausted fallback. Backend-owned via getA2UITools (injectA2UITool=false); reuses the declarative-gen-ui catalog.
LangGraph (TypeScript)LangGraph PlatformMCP Apps
MCP server-driven UI via activity renderers
LangGraph (TypeScript)LangGraph PlatformFrontend Tools: In-app Actions
Agent invokes client-side handlers registered with useFrontendTool
LangGraph (TypeScript)LangGraph PlatformFrontend Tools: Async
useFrontendTool with an async handler — agent awaits a client-side async operation (simulated notes DB query) and uses the returned result
LangGraph (TypeScript)LangGraph PlatformShared State: Frontend Context
Frontend provides read-only context to the agent via useAgentContext
LangGraph (TypeScript)LangGraph PlatformVoice
Speech-to-text via @copilotkit/voice with a bundled sample audio button
LangGraph (TypeScript)LangGraph PlatformDeclarative UI: Hashbrown
Streaming structured output via @hashbrownai/react, rendering a sales dashboard catalog (MetricCard + PieChart + BarChart)
LangGraph (TypeScript)LangGraph PlatformDeclarative UI: json-render
Streaming hierarchical JSON UI spec rendered via @json-render/react, with a Zod-validated catalog (MetricCard + PieChart + BarChart)
LangGraph (TypeScript)LangGraph PlatformOpen Generative UI: Default
Agent generates UI from an arbitrary component library
LangGraph (TypeScript)LangGraph PlatformOpen Generative UI: Custom
Agent-authored UI that can invoke frontend sandbox functions from inside the iframe
MastraMastra CloudCLI Start Command
Copy-paste command to scaffold the canonical Mastra starter
MastraMastra CloudAgentic Chat
Natural conversation with frontend tool execution
MastraMastra CloudIn-Chat HITL (useHumanInTheLoop — ergonomic API)
Interactive approval/decision surface rendered inline in the chat via the high-level `useHumanInTheLoop` hook
MastraMastra CloudIn-App Human in the Loop (Frontend Tools + async HITL)
Agent requests approval via useFrontendTool with an async handler; the approval UI pops up as an app-level modal OUTSIDE the chat
MastraMastra CloudTool Rendering
Custom per-tool renderers plus a wildcard catch-all for every other tool
MastraMastra CloudTool Rendering (Default Catch-all)
Out-of-the-box tool rendering — backend defines tools; frontend adds zero custom renderers
MastraMastra CloudTool Rendering (Custom Catch-all)
Single branded wildcard renderer via useDefaultRenderTool
MastraMastra CloudAgentic Generative UI
Long-running agent tasks with generated UI
MastraMastra CloudState Streaming
Per-token state delta streaming from agent to UI
MastraMastra CloudReadonly State (Agent Context)
Frontend provides read-only context to the agent via useAgentContext
MastraMastra CloudPre-Built: Sidebar
Docked sidebar chat via <CopilotSidebar />
MastraMastra CloudPre-Built: Popup
Floating popup chat via <CopilotPopup />
MastraMastra CloudChat Customization (Slots)
Customize CopilotChat via its slot system
MastraMastra CloudChat Customization (CSS)
Default CopilotChat re-themed via CopilotKitCSSProperties
MastraMastra CloudHeadless Chat (Simple)
Minimal custom chat surface built on useAgent
MastraMastra CloudFrontend Tools (In-App Actions)
Agent invokes client-side handlers registered with useFrontendTool
MastraMastra CloudFrontend Tools (Async)
useFrontendTool with an async handler — agent awaits a client-side async operation and uses the returned result
MastraMastra CloudAgent Config Object
Forward a typed config object (tone / expertise / response length) from the provider to the agent via useAgentContext
MastraMastra CloudDeclarative Generative UI (A2UI — Dynamic Schema)
Dynamic A2UI surfaces generated by the `generate_a2ui` tool; frontend supplies a typed catalog (Card, Metric, PieChart, BarChart, …)
MastraMastra CloudA2UI Error Recovery
Dynamic A2UI where the toolkit's validate→retry recovery loop is made visible — a malformed first render self-heals into a valid surface; an always-invalid render exhausts the attempt cap and shows a tasteful fallback instead of a broken surface. Backend-owned via getA2UITools.
MastraMastra CloudA2UI Fixed Schema
Frontend-owned component tree; agent streams data into the data model (flight card built from Card > Column > Title/Airport/Arrow/AirlineBadge/PriceTag/Button)
MastraMastra CloudHeadless Chat (Complete)
Full chat-from-scratch on useAgent — custom bubbles, manual generative-UI composition via useRenderToolCall / useRenderActivityMessage / useRenderCustomMessages
MastraMastra CloudAuthentication
Bearer-token gate enforced by the V2 runtime's onRequest hook — unauthenticated requests 401 before reaching the agent
MastraMastra CloudShared State (Read + Write)
Bidirectional shared state — UI writes preferences via agent.setState; backend reads them every turn and writes notes back via the set_notes tool
MastraMastra CloudSub-Agents
Supervisor Mastra Agent delegates to research / writing / critique sub-agents; every delegation appended to a live UI log via shared state
MastraMastra CloudBeautiful Chat (Flagship)
Flagship CopilotKit showcase combining A2UI, Open Generative UI, and MCP Apps in one cell
MastraMastra CloudMultimodal Attachments
Image + PDF uploads forwarded to a vision-capable Mastra agent (gpt-4o)
MastraMastra CloudOpen Generative UI
Agent-authored HTML + CSS streamed into a sandboxed iframe via the runtime's openGenerativeUI flag
MastraMastra CloudOpen Generative UI (Advanced)
Open Generative UI with host-side sandbox functions wired through the iframe bridge
MastraMastra CloudVoice Input
Mic-to-text input via OpenAI Whisper, streamed into the chat composer
MastraMastra CloudTool-Based Generative UI
Agent uses a frontend tool to trigger rich generative UI inline in the chat
MastraMastra CloudHuman in the Loop (Step Selection)
Step-selection HITL surface rendered inline via `useHumanInTheLoop` (the LangGraph-specific `useLangGraphInterrupt` branch is a no-op on Mastra)
MastraMastra CloudIn-Chat HITL (Booking)
Time-picker card rendered inline via useHumanInTheLoop for a booking flow (alias of hitl-in-chat)
MastraMastra CloudMCP Apps
MCP server-driven UI rendered inline via the runtime's mcpApps config and the built-in activity renderer
MastraMastra CloudTool Rendering + Reasoning Chain
Sequential tool calls rendered with per-tool components plus a reasoning chain rendered inline via a custom reasoningMessage slot
MastraMastra CloudReasoning: Default
Built-in CopilotChatReasoningMessage rendering with no slot override — the v1 bridge emits reasoning start/content/end events straight into the default renderer.
MastraMastra CloudReasoning: Custom
Visible reasoning/thinking chain alongside the final answer via a custom reasoningMessage slot.
MastraMastra CloudGen UI Interrupt (Frontend Tool)
In-chat time-picker via useFrontendTool with an async handler that blocks until the user picks a slot — Strategy B adaptation of the LangGraph interrupt primitive
MastraMastra CloudHeadless Interrupt (Frontend Tool)
Time-picker popup rendered outside the chat in the app surface — headless variant of the Strategy B interrupt adaptation
MastraMastra CloudBackground Agents
A long-running deep-research tool dispatched as a Mastra background task, surfaced inline as a live "working" activity card
MastraMastra CloudBrowser Use (Local Browser)
Mastra-only, real-LLM demo — the agent drives a real LOCAL headless browser (Playwright Chromium, no hosted-browser API key) to fetch top Hacker News stories or read a page, and renders the results inline in chat. Non-deterministic, so no aimock replay — requires `npx playwright install chromium` at runtime.
MastraMastra CloudObservational Memory
Mastra Observational Memory compresses and activates conversation context out of band; the background work surfaces inline as activity cards via the runtime's observationalMemory surfacing toggle
Agent Frameworks
Google ADKGoogle AI StudioCLI Start Command
Copy-paste command to clone the canonical starter
Google ADKGoogle AI StudioPre-Built: CopilotChat
Vanilla CopilotChat with three starter-prompt suggestions — the minimum-viable surface for free-form chat
Google ADKGoogle AI StudioChat Customization (CSS)
Default CopilotChat re-themed via CopilotKitCSSProperties
Google ADKGoogle AI StudioTool Rendering (Default Catch-all)
Out-of-the-box tool rendering — backend defines the tools; the frontend adds zero custom renderers and relies on CopilotKit's built-in default UI
Google ADKGoogle AI StudioTool Rendering (Custom Catch-all)
Single branded wildcard renderer via useDefaultRenderTool — the same app-designed card paints every tool call
Google ADKGoogle AI StudioFrontend Tools (In-App Actions)
Agent invokes client-side handlers registered with useFrontendTool
Google ADKGoogle AI StudioFrontend Tools (Async)
useFrontendTool with an async handler — agent awaits a client-side async operation and uses the returned result
Google ADKGoogle AI StudioHuman In the Loop: In-chat
Time-slot picker rendered inline in the chat via `useHumanInTheLoop` — the agent requests user input, the frontend renders a TimePickerCard, and the user's choice resumes the agent.
Google ADKGoogle AI StudioMCP Apps
Runtime mcpApps config wires an Excalidraw MCP server; the built-in MCPAppsActivityRenderer renders the sandboxed iframe inline in the chat with no app-side renderer
Google ADKGoogle AI StudioIn-App Human in the Loop (Frontend Tools + async HITL)
Agent requests approval via a frontend tool with an async handler; the approval UI pops up as an app-level modal OUTSIDE the chat, and a completion callback resolves the pending tool Promise with the user's decision
Google ADKGoogle AI StudioHuman in the Loop: Interrupts
Interactive time-picker rendered inline in the chat. ADK has no LangGraph interrupt() primitive, so this uses the Strategy-B adaptation — the agent calls a frontend schedule_meeting tool (useHumanInTheLoop) whose Promise resolves only once the user picks a slot, giving the same inline-card UX as the LangGraph reference.
Google ADKGoogle AI StudioTool Rendering
Custom per-tool renderers (WeatherCard, FlightListCard) plus a wildcard catch-all for every other tool
Google ADKGoogle AI StudioTool-Based Generative UI
Agent uses tools to trigger UI generation
Google ADKGoogle AI StudioAgentic Generative UI
Canonical agent-state-driven Gen UI — the agent plans a live step list and emits it via state["steps"]; the frontend renders it via useAgent
Google ADKGoogle AI StudioShared State: Read-only
Recipe editor publishes form state via agent.setState; the agent reads the recipe context but does not mutate it (no backend tool — neutral default agent).
Google ADKGoogle AI StudioShared State: Read + Write
Bidirectional shared state — UI writes preferences via agent.setState; agent writes notes via a Command-returning tool
Google ADKGoogle AI StudioState Streaming
Per-token state delta streaming from agent to UI via PredictStateMapping
Google ADKGoogle AI StudioSub-Agents
Multiple agents with visible task delegation
Google ADKGoogle AI StudioPre-Built: Sidebar
Docked sidebar chat via <CopilotSidebar />
Google ADKGoogle AI StudioPre-Built: Popup
Floating popup chat via <CopilotPopup />
Google ADKGoogle AI StudioChat Customization (Slots)
Customize CopilotChat via its slot system
Google ADKGoogle AI StudioHeadless Chat (Simple)
Minimal custom chat surface built on useAgent
Google ADKGoogle AI StudioHeadless Chat (Complete)
Full chat implementation built from scratch on useAgent
Google ADKGoogle AI StudioReasoning: Custom
Visible reasoning/thinking chain alongside the final answer (Gemini 3.1 thinking mode)
Google ADKGoogle AI StudioReasoning: Default
Built-in CopilotChatReasoningMessage rendering with no slot override.
Google ADKGoogle AI StudioDeclarative Generative UI (A2UI)
Canonical A2UI BYOC — custom catalog (Card/StatusBadge/Metric/InfoRow/PrimaryButton) wired via a2ui.catalog on the provider; the runtime injects the render_a2ui tool automatically (injectA2UITool=true) and the ag_ui_adk adapter auto-injects generate_a2ui
Google ADKGoogle AI StudioDeclarative Generative UI (A2UI — Fixed Schema)
A2UI rendering against a known client-side schema
Google ADKGoogle AI StudioA2UI Error Recovery
Makes the A2UI validate->retry recovery loop visible — an invalid first render heals to a valid one, and an always-invalid render shows a graceful recovery-exhausted fallback. Backend-owned via get_a2ui_tool (injectA2UITool=false); reuses the declarative-gen-ui catalog. Also shipped for langgraph (python/fastapi/typescript) and strands (python/typescript).
Google ADKGoogle AI StudioReadonly State (Agent Context)
Frontend provides read-only context to the agent via useAgentContext
Google ADKGoogle AI StudioTool Rendering + Reasoning Chain (testing)
Sequential tool calls with reasoning tokens rendered side-by-side
Google ADKGoogle AI StudioDeclarative UI: json-render
Streaming hierarchical JSON UI spec rendered via @json-render/react, with a Zod-validated catalog (MetricCard + PieChart + BarChart)
Google ADKGoogle AI StudioBeautiful Chat
Canonical polished starter chat — brand fonts, theme tokens, suggestion pills
Google ADKGoogle AI StudioMultimodal Attachments
Image and PDF uploads via CopilotChat attachments, processed by a Gemini multimodal agent
Google ADKGoogle AI StudioAuthentication
Bearer-token gate via runtime onRequest hook with unauthenticated / authenticated states
Google ADKGoogle AI StudioDeclarative UI: Hashbrown
Streaming structured output via @hashbrownai/react, rendering a sales dashboard catalog (MetricCard + PieChart + BarChart)
Google ADKGoogle AI StudioFully Open-Ended Generative UI
Agent generates UI from an arbitrary component library
Google ADKGoogle AI StudioOpen-Ended Gen UI (Advanced: with frontend function calling)
Agent-authored UI that can invoke frontend sandbox functions from inside the iframe
Google ADKGoogle AI StudioVoice Input
Speech-to-text via @copilotkit/voice with a bundled sample audio button
Google ADKGoogle AI StudioAgent Config Object
Forward a typed config object (tone / expertise / response length) from the provider to the agent's dynamic system prompt
Emerging
LangGraph (FastAPI)LangGraph PlatformCLI Start Command
Copy-paste command to clone the canonical starter
LangGraph (FastAPI)LangGraph PlatformAgentic Chat
Natural conversation with frontend tool execution
LangGraph (FastAPI)LangGraph PlatformTool Rendering
Backend agent tools rendered as UI components
LangGraph (FastAPI)LangGraph PlatformIn-Chat Human in the Loop (Original)
User approves agent actions before execution
LangGraph (FastAPI)LangGraph PlatformAgentic Generative UI
Long-running agent tasks with generated UI
LangGraph (FastAPI)LangGraph PlatformTool-Based Generative UI
Agent uses tools to trigger UI generation
LangGraph (FastAPI)LangGraph PlatformState Streaming
Per-token state delta streaming from agent to UI
LangGraph (FastAPI)LangGraph PlatformShared State (Read + Write)
Bidirectional shared state — UI writes preferences, agent writes notes
LangGraph (FastAPI)LangGraph PlatformSub-Agents
Multiple agents with visible task delegation
LangGraph (FastAPI)LangGraph PlatformPre-Built: Sidebar
Docked sidebar chat via <CopilotSidebar />
LangGraph (FastAPI)LangGraph PlatformPre-Built: Popup
Floating popup chat via <CopilotPopup />
LangGraph (FastAPI)LangGraph PlatformChat Customization (Slots)
Customize CopilotChat via its slot system
LangGraph (FastAPI)LangGraph PlatformChat Customization (CSS)
Default CopilotChat re-themed via CopilotKitCSSProperties
LangGraph (FastAPI)LangGraph PlatformBeautiful Chat
Canonical polished starter chat — brand fonts, theme tokens, suggestion pills
LangGraph (FastAPI)LangGraph PlatformHeadless Chat (Simple)
Minimal custom chat surface built on useAgent
LangGraph (FastAPI)LangGraph PlatformHeadless Chat (Complete)
Full chat implementation built from scratch on useAgent
LangGraph (FastAPI)LangGraph PlatformAuthentication
Bearer-token gate via runtime onRequest hook with unauthenticated / authenticated states
LangGraph (FastAPI)LangGraph PlatformMultimodal Attachments
Image and PDF uploads via CopilotChat attachments, processed by a vision-capable agent
LangGraph (FastAPI)LangGraph PlatformAgent Config Object
Forward a typed config object (tone / expertise / response length) from the provider to the agent's dynamic system prompt
LangGraph (FastAPI)LangGraph PlatformTool Rendering (Default Catch-all)
Out-of-the-box tool rendering — backend defines the tools; the frontend adds zero custom renderers and relies on CopilotKit's built-in default UI
LangGraph (FastAPI)LangGraph PlatformTool Rendering (Custom Catch-all)
Single branded wildcard renderer via useDefaultRenderTool — the same app-designed card paints every tool call
LangGraph (FastAPI)LangGraph PlatformTool Rendering + Reasoning Chain (testing)
Sequential tool calls with reasoning tokens rendered side-by-side
LangGraph (FastAPI)LangGraph PlatformIn-Chat HITL (useInterrupt — low-level primitive)
Interactive component rendered inline in the chat via the lower-level `useInterrupt` primitive — direct control over the LangGraph interrupt lifecycle
LangGraph (FastAPI)LangGraph PlatformHeadless Interrupt (testing)
Resolve langgraph interrupts from a plain button grid — no chat, no useInterrupt render prop
LangGraph (FastAPI)LangGraph PlatformDeclarative Generative UI (A2UI)
Canonical A2UI BYOC — custom catalog (Card/StatusBadge/Metric/InfoRow/PrimaryButton) wired via a2ui.catalog on the provider
LangGraph (FastAPI)LangGraph PlatformDeclarative Generative UI (A2UI — Fixed Schema)
A2UI rendering against a known client-side schema
LangGraph (FastAPI)LangGraph PlatformA2UI Error Recovery
Makes the A2UI validate->retry recovery loop visible — an invalid first render heals to a valid one, and an always-invalid render shows a graceful recovery-exhausted fallback. Backend-owned via get_a2ui_tools (injectA2UITool=false); reuses the declarative-gen-ui catalog.
LangGraph (FastAPI)LangGraph PlatformMCP Apps
MCP server-driven UI via activity renderers
LangGraph (FastAPI)LangGraph PlatformFrontend Tools (In-App Actions)
Agent invokes client-side handlers registered with useFrontendTool
LangGraph (FastAPI)LangGraph PlatformFrontend Tools (Async)
useFrontendTool with an async handler — agent awaits a client-side async operation (simulated notes DB query) and uses the returned result
LangGraph (FastAPI)LangGraph PlatformIn-App Human in the Loop (Frontend Tools + async HITL)
Agent requests approval via useFrontendTool with an async handler; the approval UI pops up as an app-level modal OUTSIDE the chat, and a completion callback resolves the pending tool Promise with the user's decision
LangGraph (FastAPI)LangGraph PlatformIn-Chat HITL (useHumanInTheLoop — ergonomic API)
Interactive approval/decision surface rendered inline in the chat via the high-level `useHumanInTheLoop` hook
LangGraph (FastAPI)LangGraph PlatformIn-Chat HITL (Booking)
Time-picker card rendered inline via useHumanInTheLoop for a booking flow
LangGraph (FastAPI)LangGraph PlatformReadonly State (Agent Context)
Frontend provides read-only context to the agent via useAgentContext
LangGraph (FastAPI)LangGraph PlatformVoice Input
Speech-to-text via @copilotkit/voice with a bundled sample audio button
LangGraph (FastAPI)LangGraph PlatformFully Open-Ended Generative UI
Agent generates UI from an arbitrary component library
LangGraph (FastAPI)LangGraph PlatformOpen-Ended Gen UI (Advanced: with frontend function calling)
Agent-authored UI that can invoke frontend sandbox functions from inside the iframe
AWS Strands (Python)AWS Bedrock AgentCoreCLI Start Command
Copy-paste command to clone the canonical starter
AWS Strands (Python)AWS Bedrock AgentCoreAgentic Chat
Natural conversation with frontend tool execution
AWS Strands (Python)AWS Bedrock AgentCoreChat Customization (CSS)
Default CopilotChat re-themed via CopilotKitCSSProperties
AWS Strands (Python)AWS Bedrock AgentCorePre-Built: Sidebar
Docked sidebar chat via <CopilotSidebar />
AWS Strands (Python)AWS Bedrock AgentCorePre-Built: Popup
Floating popup chat via <CopilotPopup />
AWS Strands (Python)AWS Bedrock AgentCoreChat Customization (Slots)
Customize CopilotChat via its slot system
AWS Strands (Python)AWS Bedrock AgentCoreHeadless Chat (Simple)
Minimal custom chat surface built on useAgent
AWS Strands (Python)AWS Bedrock AgentCoreHeadless Chat (Complete)
Full chat implementation built from scratch on useAgent
AWS Strands (Python)AWS Bedrock AgentCoreFrontend Tools (In-App Actions)
Agent invokes client-side handlers registered with useFrontendTool
AWS Strands (Python)AWS Bedrock AgentCoreFrontend Tools (Async)
useFrontendTool with an async handler
AWS Strands (Python)AWS Bedrock AgentCoreIn-Chat HITL (useHumanInTheLoop)
Inline approval/decision surface via the ergonomic useHumanInTheLoop hook
AWS Strands (Python)AWS Bedrock AgentCoreIn-Chat HITL (Booking)
Time-picker card rendered inline via useHumanInTheLoop for a booking flow
AWS Strands (Python)AWS Bedrock AgentCoreIn-App Human in the Loop
Agent requests approval via async useFrontendTool; UI pops as an app-level modal
AWS Strands (Python)AWS Bedrock AgentCoreIn-Chat HITL (Steps)
Agent pauses for user approval via step-based human-in-the-loop
AWS Strands (Python)AWS Bedrock AgentCoreTool Rendering
Custom render for tool calls inline in the chat stream
AWS Strands (Python)AWS Bedrock AgentCoreTool Rendering (Default Catch-all)
Out-of-the-box tool rendering — backend defines the tools; the frontend adds zero custom renderers and relies on CopilotKit's built-in default UI
AWS Strands (Python)AWS Bedrock AgentCoreTool Rendering (Custom Catch-all)
Single branded wildcard renderer via useDefaultRenderTool — the same app-designed card paints every tool call
AWS Strands (Python)AWS Bedrock AgentCoreTool Rendering + Reasoning Chain
Sequential tool calls with reasoning tokens rendered side-by-side
AWS Strands (Python)AWS Bedrock AgentCoreAgentic Generative UI
Long-running agent tasks with generated UI
AWS Strands (Python)AWS Bedrock AgentCoreTool-Based Generative UI
Agent uses tools to trigger UI generation
AWS Strands (Python)AWS Bedrock AgentCoreDeclarative Generative UI (A2UI)
Dynamic A2UI BYOC via a custom catalog
AWS Strands (Python)AWS Bedrock AgentCoreDeclarative Generative UI (A2UI — Fixed Schema)
A2UI rendering against a known client-side schema
AWS Strands (Python)AWS Bedrock AgentCoreA2UI Error Recovery
Makes the A2UI validate->retry recovery loop visible — an invalid first render heals to a valid one, and an always-invalid render shows a graceful recovery-exhausted fallback. The Strands adapter runs the recovery loop on its auto-inject path; reuses the declarative-gen-ui catalog.
AWS Strands (Python)AWS Bedrock AgentCoreShared State (Read + Write)
Bidirectional agent state — UI writes preferences, agent writes notes back
AWS Strands (Python)AWS Bedrock AgentCoreShared State: Read-only
Recipe editor publishes form state via agent.setState; the agent reads the recipe context but does not mutate it (no backend tool — neutral default agent).
AWS Strands (Python)AWS Bedrock AgentCoreSub-Agents
Multiple agents with visible task delegation
AWS Strands (Python)AWS Bedrock AgentCoreState Streaming
Per-token state delta streaming from agent to UI
AWS Strands (Python)AWS Bedrock AgentCoreReadonly State (Agent Context)
Frontend provides read-only context to the agent via useAgentContext
AWS Strands (Python)AWS Bedrock AgentCoreMultimodal Attachments
Image and PDF uploads via CopilotChat attachments
AWS Strands (Python)AWS Bedrock AgentCoreVoice Input
Speech-to-text via @copilotkit/voice with a bundled sample audio button
AWS Strands (Python)AWS Bedrock AgentCoreAuthentication
Bearer-token gate via runtime onRequest hook
AWS Strands (Python)AWS Bedrock AgentCoreAgent Config Object
Forward a typed config object (tone / expertise / response length) from provider to agent
AWS Strands (Python)AWS Bedrock AgentCoreDeclarative UI: Hashbrown
Streaming structured output via @hashbrownai/react, rendering a sales dashboard catalog (MetricCard + PieChart + BarChart)
AWS Strands (Python)AWS Bedrock AgentCoreDeclarative UI: json-render
Streaming hierarchical JSON UI spec rendered via @json-render/react, with a Zod-validated catalog (MetricCard + PieChart + BarChart)
AWS Strands (Python)AWS Bedrock AgentCoreOpen Generative UI (Minimal)
Agent-authored HTML/CSS/SVG in a sandboxed iframe, minimal variant
AWS Strands (Python)AWS Bedrock AgentCoreOpen Generative UI (Advanced)
Sandboxed iframe that invokes host-registered sandbox functions via Websandbox.connection.remote
AWS Strands (Python)AWS Bedrock AgentCoreMCP Apps
MCP server-driven UI via activity renderers
AWS Strands (Python)AWS Bedrock AgentCoreBeautiful Chat
Polished landing-style chat surface with brand theming and suggestion pills
AWS Strands (Python)AWS Bedrock AgentCoreIn-Chat HITL (useInterrupt — low-level primitive)
Interactive component rendered inline in the chat via the lower-level `useInterrupt` primitive — direct control over the interrupt lifecycle
AWS Strands (Python)AWS Bedrock AgentCoreHeadless Interrupt (testing)
Resolve interrupts from a plain button grid — no chat, no useInterrupt render prop
AWS Strands (TypeScript)AWS Bedrock AgentCoreCLI Start Command
Copy-paste command to clone the canonical starter
AWS Strands (TypeScript)AWS Bedrock AgentCoreAgentic Chat
Natural conversation with frontend tool execution
AWS Strands (TypeScript)AWS Bedrock AgentCoreChat Customization (CSS)
Default CopilotChat re-themed via CopilotKitCSSProperties
AWS Strands (TypeScript)AWS Bedrock AgentCorePre-Built: Sidebar
Docked sidebar chat via <CopilotSidebar />
AWS Strands (TypeScript)AWS Bedrock AgentCorePre-Built: Popup
Floating popup chat via <CopilotPopup />
AWS Strands (TypeScript)AWS Bedrock AgentCoreChat Customization (Slots)
Customize CopilotChat via its slot system
AWS Strands (TypeScript)AWS Bedrock AgentCoreHeadless Chat (Simple)
Minimal custom chat surface built on useAgent
AWS Strands (TypeScript)AWS Bedrock AgentCoreHeadless Chat (Complete)
Full chat implementation built from scratch on useAgent
AWS Strands (TypeScript)AWS Bedrock AgentCoreFrontend Tools (In-App Actions)
Agent invokes client-side handlers registered with useFrontendTool
AWS Strands (TypeScript)AWS Bedrock AgentCoreFrontend Tools (Async)
useFrontendTool with an async handler
AWS Strands (TypeScript)AWS Bedrock AgentCoreIn-Chat HITL (useHumanInTheLoop)
Inline approval/decision surface via the ergonomic useHumanInTheLoop hook
AWS Strands (TypeScript)AWS Bedrock AgentCoreIn-Chat HITL (Booking)
Time-picker card rendered inline via useHumanInTheLoop for a booking flow
AWS Strands (TypeScript)AWS Bedrock AgentCoreIn-App Human in the Loop
Agent requests approval via async useFrontendTool; UI pops as an app-level modal
AWS Strands (TypeScript)AWS Bedrock AgentCoreIn-Chat HITL (Steps)
Agent pauses for user approval via step-based human-in-the-loop
AWS Strands (TypeScript)AWS Bedrock AgentCoreTool Rendering
Custom render for tool calls inline in the chat stream
AWS Strands (TypeScript)AWS Bedrock AgentCoreTool Rendering (Default Catch-all)
Out-of-the-box tool rendering — backend defines the tools; the frontend adds zero custom renderers and relies on CopilotKit's built-in default UI
AWS Strands (TypeScript)AWS Bedrock AgentCoreTool Rendering (Custom Catch-all)
Single branded wildcard renderer via useDefaultRenderTool — the same app-designed card paints every tool call
AWS Strands (TypeScript)AWS Bedrock AgentCoreTool Rendering + Reasoning Chain
Sequential tool calls with reasoning tokens rendered side-by-side
AWS Strands (TypeScript)AWS Bedrock AgentCoreAgentic Generative UI
Long-running agent tasks with generated UI
AWS Strands (TypeScript)AWS Bedrock AgentCoreTool-Based Generative UI
Agent uses tools to trigger UI generation
AWS Strands (TypeScript)AWS Bedrock AgentCoreDeclarative Generative UI (A2UI)
Dynamic A2UI BYOC via a custom catalog
AWS Strands (TypeScript)AWS Bedrock AgentCoreDeclarative Generative UI (A2UI — Fixed Schema)
A2UI rendering against a known client-side schema
AWS Strands (TypeScript)AWS Bedrock AgentCoreA2UI Error Recovery
Makes the A2UI validate->retry recovery loop visible — an invalid first render heals to a valid one, and an always-invalid render shows a graceful recovery-exhausted fallback. The Strands adapter runs the recovery loop on its auto-inject path; reuses the declarative-gen-ui catalog.
AWS Strands (TypeScript)AWS Bedrock AgentCoreShared State (Read + Write)
Bidirectional agent state — UI writes preferences, agent writes notes back
AWS Strands (TypeScript)AWS Bedrock AgentCoreShared State: Read-only
Recipe editor publishes form state via agent.setState; the agent reads the recipe context but does not mutate it (no backend tool — neutral default agent).
AWS Strands (TypeScript)AWS Bedrock AgentCoreSub-Agents
Multiple agents with visible task delegation
AWS Strands (TypeScript)AWS Bedrock AgentCoreState Streaming
Per-token state delta streaming from agent to UI
AWS Strands (TypeScript)AWS Bedrock AgentCoreReadonly State (Agent Context)
Frontend provides read-only context to the agent via useAgentContext
AWS Strands (TypeScript)AWS Bedrock AgentCoreMultimodal Attachments
Image and PDF uploads via CopilotChat attachments
AWS Strands (TypeScript)AWS Bedrock AgentCoreVoice Input
Speech-to-text via @copilotkit/voice with a bundled sample audio button
AWS Strands (TypeScript)AWS Bedrock AgentCoreAuthentication
Bearer-token gate via runtime onRequest hook
AWS Strands (TypeScript)AWS Bedrock AgentCoreAgent Config Object
Forward a typed config object (tone / expertise / response length) from provider to agent
AWS Strands (TypeScript)AWS Bedrock AgentCoreDeclarative UI: Hashbrown
Streaming structured output via @hashbrownai/react, rendering a sales dashboard catalog (MetricCard + PieChart + BarChart)
AWS Strands (TypeScript)AWS Bedrock AgentCoreDeclarative UI: json-render
Streaming hierarchical JSON UI spec rendered via @json-render/react, with a Zod-validated catalog (MetricCard + PieChart + BarChart)
AWS Strands (TypeScript)AWS Bedrock AgentCoreOpen Generative UI (Minimal)
Agent-authored HTML/CSS/SVG in a sandboxed iframe, minimal variant
AWS Strands (TypeScript)AWS Bedrock AgentCoreOpen Generative UI (Advanced)
Sandboxed iframe that invokes host-registered sandbox functions via Websandbox.connection.remote
AWS Strands (TypeScript)AWS Bedrock AgentCoreMCP Apps
MCP server-driven UI via activity renderers
AWS Strands (TypeScript)AWS Bedrock AgentCoreBeautiful Chat
Polished landing-style chat surface with brand theming and suggestion pills
AWS Strands (TypeScript)AWS Bedrock AgentCoreIn-Chat HITL (useInterrupt — low-level primitive)
Interactive component rendered inline in the chat via the lower-level `useInterrupt` primitive — direct control over the interrupt lifecycle
AWS Strands (TypeScript)AWS Bedrock AgentCoreHeadless Interrupt (testing)
Resolve interrupts from a plain button grid — no chat, no useInterrupt render prop