Kotlin · Jetpack Compose · Material 3 Expressive
把 AI 对话带进你的 App。¶
从一个聊天界面开始,也可以只选需要的组件。流式回复、工具审批、子 Agent 和生成式界面,连接你自己的 Agent 后端。
65 个组件展示场景Android · minSdk 24 / 26Apache 2.0中文 · English
完整交互流程¶
输入 → 计划与推理 → 工具审批 → 设备端执行 → 流式回复。来自 Android 模拟器的真实录屏,使用确定性的离线演示 Agent;不需要模型密钥。
从一个界面开始¶
AiElementsTheme {
Chat(rememberChat { approver -> AgUiBackend("https://agents.example.com/api/agui", approver = approver) })
}
Chat 把消息列表和输入框连接到 controller。正式 App 中建议由 ViewModel 持有 controller。
纯客户端入门包含依赖、权限、本地参考服务和完整接入步骤。
看看组件的实际效果¶
每项都提供真实截图、imports、经过编译的示例与 API 链接。浏览全部 65 个场景 →
保留你的后端与设计¶
- 按需组合界面: 整页
Chat、消息列表与输入框,或单独使用一个组件。 - 自定义展示: 主题、工具与数据 renderer、附件加载方式都可替换。
- 按需引入依赖: UI 只依赖聊天模型;协议、Agent 能力和其他集成独立分包。
- 使用公开协议: 支持 AI SDK、AG-UI、MCP/MCP Apps、A2A、ACP 和 A2UI。
- 明确升级预期: 从首个公开版本起保留稳定 API;原生 Mermaid 需要显式实验性 opt-in。





