AG-UI standardizes how front-end applications connect to AI agents through an open protocol. Think of it as a universal translator for AI-driven systems- no matter what language an agent speaks: AG-UI ensures fluent communication.

​
Why AG-UI?

AG-UI helps developers build next-generation AI workflows that need real-time interactivity, live state streaming and human-in-the-loop collaboration. AG-UI provides:
  • A straightforward approach to integrating AI agents with the front-end through frameworks such as CopilotKit 🪁
  • Building blocks for an efficient wire protocol for human⚡️agent communication
  • Best practices for chat, streaming state updates, human-in-the-loop and shared state

​
Architecture

At its core, AG-UI bridges AI agents and front-end applications using a lightweight, event-driven protocol:
  • Front-end: The application (chat or any AI-enabled app) that communicates over AG-UI
  • AI Agent A: An agent that the front-end can connect to directly without going through the proxy
  • Secure Proxy: An intermediary proxy that securely routes requests from the front-end to multiple AI agents
  • Agents B and C: Agents managed by the proxy service

​
Quick Start

Choose the path that fits your needs:

Build with AG-UI

Implement AG-UI events directly in your agent framework

Connect to AG-UI

Connect AG-UI with existing protocols or custom solutions

​
Resources

Explore guides, tools, and integrations to help you build, optimize, and extend your AG-UI implementation. These resources cover everything from practical development workflows to debugging techniques.

Explore Integrations

Discover ready-to-use AG-UI integrations across popular agent frameworks and platforms

Developing with Cursor

Use Cursor to build AG-UI implementations faster

Troubleshooting AG-UI

Fix common issues when working with AG-UI servers and clients

​
Explore AG-UI

Dive deeper into AG-UI’s core concepts and capabilities:

Core architecture

Understand how AG-UI connects agents, protocols, and front-ends

Transports

Learn about AG-UI’s communication mechanism

​
Contributing

Want to contribute? Check out our Contributing Guide to learn how you can help improve AG-UI.

​
Support and Feedback

Here’s how to get help or provide feedback: