A2UI JSON in, React Aria out
Agents emit structured A2UI JSON. A2Renderer validates it with Zod and renders the correct
React Aria component. No glue code needed.
a2ra
AI agents can now generate full user interfaces on demand. A2UI is the typed JSON protocol that expresses UI intent. a2ra validates every node and renders it as an accessible React Aria component.
Why A2UI?
Section titled “Why A2UI?”Modern AI agents go beyond chat. They build entire interfaces dynamically based on context, user intent, and task state. A2UI gives agents a stable, typed JSON vocabulary to express that intent safely. a2ra validates every node with Zod and renders it using React Aria, so accessibility and correctness are guaranteed regardless of what the agent generates.
A2UI vs the alternatives
Section titled “A2UI vs the alternatives”| Feature | Raw HTML | JSX | A2UI JSON |
|---|---|---|---|
| Safe to render from agents | ✗XSS vectors | ✗code execution | ✓data only |
| Validated at the boundary | ✗ | ✗ | ✓Zod schemas |
| Accessible by default | ✗ | ~varies | ✓React Aria |
| Agent output is reliable | ~injects attributes | ✗hallucinates props | ✓typed schema |
| Survives UI refactors | ✗ | ✗ | ✓renderer changes, schema stays |
| No build pipeline needed | ✓ | ✗ | ✓ |
You own the source
Add components with npx @a2ra/cli add button and the source lands in your project.
Customise freely, shadcn-style, no library to pin.
Accessible by default
Every component is a thin wrapper around React Aria Components. WCAG AA, keyboard nav, and screen-reader support built in.
Agent-native
Works with any agent framework that emits structured output: LangGraph, Google ADK, CrewAI, or a plain LLM call.