Skip to content

Components

Every element with the sample the demo app's Components screen shows, grouped as there. The pictures are rendered from that code by a test, so they show what the library draws. Each entry includes an example compiled with the demo, its artifact/imports, interaction notes, and a direct API reference. Wrap the examples in AiElementsTheme inside your activity's setContent; function parameters are the state or callbacks your app supplies. See Installation for Gradle and manifest setup.

These 65 entries are usage scenarios (some share an API), not the complete public symbol list. State factories, standalone forms and other supporting APIs are in Supporting APIs.

Group Components
Conversation Conversation, Messages, Prompt input, Suggestions, Empty state, Branch, Checkpoint, Queue, Open in chat, Model selector, Context (token usage), Loading indicators, Shimmer
Message content Markdown, Code block, Math (KaTeX), Mermaid · flowchart, Mermaid · sequence, Mermaid · class, Mermaid · pie, Mermaid · streaming, Reasoning, Sources, Inline citation
Tools and the agent's computer Tool calls, Sub-agents, Agent's computer, Agent's computer · in a reply, Step views, Agent
Human in the loop Confirmation (tool approval), Question, Input request (form)
Agent structure Plan, Task, Chain of thought, Data parts (data-plan, data-task)
Generative UI JSX · Text and layout, JSX · Form with bindings and an action, JSX · Choices, slider, date and tabs, JSX · A row of cards from data, JSX · Streaming, A2UI surface, Artifact, Web preview
Attachments and media Image, Attachments, Video, Document (PDF), Audio player + Transcription
Voice Voice mode, Persona, Speech input, Mic & voice selectors
Developer tools Terminal, Stack trace, Test results, File tree, Commit, Schema display, Package info, Environment variables, Sandbox, Snippet
Workflow Canvas / Node / Edge

Where the names differ from Vercel AI Elements, each entry says which of its components it corresponds to.

MCP Apps

Interactive views of MCP tools render in a sandboxed WebView and need their MCP server, so they are not in this catalog. See MCP Apps; the demo app shows them with the reference server.