Interactive Demos
Experiments
Interactive demos of A2UI primitives. Each experiment shows the intent JSON alongside its rendered output.
Start Here
Full A2UI Flow
See the complete flow: User query → AI reasoning → A2UI intent → Rendered UI
ThinkingIndicatorProgressCardDataTableTextMessage
1Phase 1 Primitives
Basic Text Message
The simplest A2UI primitive - displaying text from an agent
TextMessage
#core#beginner
Text Message Variants
Different visual variants for text messages (success, warning, error)
TextMessage
#core#styling
Confirmation Dialog
Binary yes/no decision point with optional destructive styling
Confirm
#interaction#core
Choice Selection
Let the user choose from multiple options with descriptions
Choice
#interaction#core
2Phase 2 Primitives
Progress Steps
Multi-step operation with visual status indicators
Progress
#status#feedback
Data Table
Tabular data display with columns and rows
DataTable
#display#data
Information Card
Grouped content with title, fields, and optional actions
Card
#display#layout
Code Block
Syntax-highlighted code display with optional line numbers
CodeBlock
#display#code
Loading States
Various loading indicators with optional progress
LoadingStateThinkingIndicator
#status#feedback
Error Display
Error messages with recovery options
ErrorDisplay
#status#error