Skip to content

How Can I Use A2UI?

Choose the integration path that matches your role and use case.

Three Paths

Path 1: Building a Host Application (Frontend)

Integrate A2UI rendering into your existing app or build a new agent-powered frontend.

Choose a renderer:

  • Web: Lit, Angular
  • Mobile/Desktop: Flutter GenUI SDK
  • React: Coming Q1 2026

Quick setup:

If we are using an Angular app, we can add the Angular renderer:

npm install @a2ui/angular

Connect to agent messages (SSE, WebSockets, or A2A) and customize styling to match your brand.

Next: Client Setup Guide | Theming

Path 2: Building an Agent (Backend)

Create an agent that generates A2UI responses for any compatible client.

Choose your framework:

  • Python: Google ADK, LangChain, custom
  • Node.js: A2A SDK, Vercel AI SDK, custom

Include the A2UI schema in your LLM prompts, generate JSONL messages, and stream to clients over SSE, WebSockets, or A2A.

Next: Agent Development Guide

Path 3: Using an Existing Framework

Use A2UI through frameworks with built-in support:

Next: Agent UI Ecosystem | Where is A2UI Used?