Agent frameworks are now good in logic and tools, but most teams still write custom code to transform agent graphs into robust user interfaces with shared state, streaming output, and interrupts. copilotkit This targets the last mile. It is an open source framework for building AI copilots and in-app agents directly into your app with real-time context and UI controls. ( Check out CopilotKit GitHub,
The release of v1.50 of CopilotKit rebuilds the project on the Agent User Interaction Protocol (ag-ui) basically. The main idea is simple; Let AG-UI handle all traffic between agents and the UI through a single hook, UseAgent, defined as a typed event stream for any app.
UseAgent, one React hook per ag-ui agent
AG-UI defines how an agent backend and frontend exchange a single ordered sequence of JSON encoded events. These events include messages, tool calls, state updates, and lifecycle signals, and they can stream over any transport such as HTTP, Web Sockets, or even WebRTC.
CopilotKit v1.50 uses this protocol as the basic transport layer. Instead of separate adapters for each framework, everything now communicates directly through AG-UI. All this has been made easily accessible by the new use agent – A React hook that provides programmatic control of any AG-UI agent. It subscribes to event streams, maintains a local model of messages and shared state, and exposes a small API for sending user input and UI intents.
At a high level, a React component does three things:
- Call UseAgent with the connection details of the backend agent.
- Read current status, such as message list, streaming delta, and agent status flags.
- Call UseAgent methods from hooks to send user messages, trigger tools, or update shared state.
Because hooks depend only on AG-UI, the same UI code can work with different agent frameworks, as long as they expose AG-UI endpoints.
Context messages and shared status
AG-UI assumes that agentic apps are stateful. The protocol standardizes how context moves between the UI and the agent.
On the frontend, CopilotKit already lets developers register app data as context, for example with hooks that make parts of the React state readable to the agent. This becomes clear in the AG-UI model. State snapshots and state patch events keep the backend and UI in sync. The agent sees a consistent view of the application, and the UI can present the same state without custom synchronization logic.
This removes a common pattern for the entry-level engineer. You no longer have to manually press the prompt on every call. Then the state is updated, and the AG-UI client encodes those updates as events, and the backend agent consumes the same state through its AG-UI library.
AG-UI, the protocol layer between agents and users
AG-UI is defined as an open, lightweight protocol that standardizes how agents connect to user-facing applications. It focuses on event semantics rather than transportation. The core SDKs provide strongly typed event models and clients in TypeScript, Python, and other languages.
The JavaScript package @ag-ui/core implements a streaming event based architecture on the client side. It exposes message and state models, runs input types and event utilities, and currently records approximately 178,751 weekly downloads on npm for version 0.0.41. On the Python side, the ag-ui-protocol package provides the canonical event model, with about 619,035 downloads in the last week and about 2,172,180 downloads in the last month.
CopilotKit v1.50 Manufacturing takes place directly on these components. The frontend code uses CopilotKit React primitives, but under the hood the connection to the backend is an AG-UI client that sends and receives standard events.
First party integration into 3 hyperscalers
AG-UI Overview lists Microsoft Agent Framework, Google Agent Development Kit, ADK, and AWS Strands Agents as supported frameworks, each with dedicated documentation and demos. These are first party integrations created by protocol and framework owners.
Microsoft published a tutorial Which shows how to build both server and client applications using AG-UI with the Agent Framework in .NET or Python. Google Docs AG-UI, and CopilotKit provides a full guide on building ADKs with the AG-UI and CopilotKit stack under the Agent UI section of the ADK docs. AWS Varieties Exposes AG-UI integration via official tutorials and a CopilotKit quickstart, which connects a Strands agent backend to a React client in a scaffolded project.
What this means for the React team is that UseAgent can connect to agents defined in any of these frameworks, as long as the backend exposes an AG-UI endpoint. The frontend code remains the same, while the agent logic and hosting environment may change.
Developing ecosystem around CopilotKit and AG-UI
CopilotKit bills itself as the agentic framework for in-app Copilot, with over 20,000 GitHub stars and trusted by over 100,000 developers.
AG-UI itself has moved from a protocol proposal to a shared layer across multiple frameworks. Partnerships or integrations include Langgraph, CrewAI, Maestra, Pydentic AI, Agno, Laminedex and others, as well as SDKs in Kotlin, Go, Java, Rust and others. This cross framework adoption makes common hooks like UseAgent viable, as it can rely on a consistent event model.
key takeaways
- CopilotKit v1.50 standardizes its frontend layer on AG-UI, so all agent UI communications are a single event stream instead of custom links per backend.
- The new UseAgent React hook lets a component connect to any AG-UI compatible agent, and expose messages, streaming tokens, tools, and shared state through a typed interface.
- AG-UI formalizes context messages and shared state as a replication store with event sourced deltas, so both the agent and UI share a consistent application view without manual prompt wiring.
- AG-UI has first party integration with Microsoft Agent Framework, Google Agent Development Kit, and AWS Strands Agents, meaning the same CopilotKit UI code can target agents in all 3 major clouds.
- CopilotKit and AG-UI show strong ecosystem traction with high GitHub adoption and significant weekly downloads for @ag-ui/core on npm and the ag-ui-protocol on PyPI, indicating that the protocol is becoming a common layer for agentic applications.
If you are interested in using copilotkit In any production product or business, you can schedule time with the team here:👉 scheduling link
Asif Razzaq Marktechpost Media Inc. Is the CEO of. As a visionary entrepreneur and engineer, Asif is committed to harnessing the potential of Artificial Intelligence for social good. Their most recent endeavor is the launch of MarketTechPost, an Artificial Intelligence media platform, known for its in-depth coverage of Machine Learning and Deep Learning news that is technically robust and easily understood by a wide audience. The platform boasts of over 2 million monthly views, which shows its popularity among the audience.
