Get early access
Copilot Kit Logo
Back

Introducing the Agno Integration with AG-UI & CopilotKit

By Ashpreet Bedi
June 18, 2025
Introducing the Agno Integration with AG-UI & CopilotKit

We’re excited to announce the official CopilotKit integration with Agno via AG-UI — the open protocol for Agent-User Interactions. With this integration, you can now expose your Agno agents as AG-UI compatible apps.

AG-UI, or Agent-User Interaction Protocol, is a protocol standardizing how AI agents connect to front-end applications. With this new Agno integration, you will be able to easily connect any AG-UI frontend to your Agno Agents and Teams.

Example usage
1. Start by installing the backend dependencies
pip install agno ag-ui-protocol
2. Run the backend

Now let’s run an AGUIApp exposing an Agno Agent. This will be our backend.

from agno.agent.agent import Agent
from agno.app.agui.app import AGUIApp
from agno.models.openai import OpenAIChat

chat_agent = Agent(
	name="Assistant",
	model=OpenAIChat(id="gpt-4o"),
	instructions="You are a helpful AI assistant.",
	add_datetime_to_instructions=True,
	markdown=True,
)

agui_app = AGUIApp(
	agent=chat_agent,
	name="Basic AG-UI Agent",
	app_id="basic_agui_agent",
	description="A basic agent that demonstrates AG-UI protocol integration.",
)

app = agui_app.get_app()

if __name__ == "__main__":
	agui_app.serve(app="basic:app", port=8000, reload=True)
3. Run the frontend

Now we want to interact with our backend using an AG-UI compatible frontend.

You can use Dojo, an advanced and customizable option to use as a frontend for AG-UI agents:

  1. Clone the project: git clone <https://github.com/ag-ui-protocol/ag-ui.git>
  2. Follow the instructions here to learn how to install the needed dependencies and run the project.
  3. Remember to install the dependencies in /ag-ui/typescript-sdk with pnpm install, and to build the Agno package in /integrations/agno with pnpm run build.
  4. You can now run your Dojo! It will show our Agno agent as one of the available options.

4. Chat with your Agno Agents!

Done! If you are running Dojo as your front-end, you can now go to http://localhost:3000 in your browser and chat with your Agno Agent.

You can read more about the integration in our docs, and see some more examples here.

Want to learn more?

Top posts

See All
Build Generative UI Agents on Amazon Bedrock AgentCore with AG-UI and CopilotKit
Anmol Baranwal and Nathan TarbertJune 30, 2026
Build Generative UI Agents on Amazon Bedrock AgentCore with AG-UI and CopilotKitAmazon Bedrock AgentCore now runs AG-UI agents natively, so auth, scaling, and session isolation come managed. We build one agent that renders charts inline, syncs a todo canvas both ways, and pauses for human input. Pick Strands or LangGraph at deploy time, and the same frontend runs against either.
Switching to Fable 5: The Tuesday That Cost $22,000
Jordan Ritter June 12, 2026
Switching to Fable 5: The Tuesday That Cost $22,000CopilotKit swapped their coding agents to a new model (fable-5) on a Tuesday, and by Wednesday had run up a ~$22,000 Anthropic bill. No bug or runaway script caused it — five engineers doing normal work triggered it, because the new model interpreted their English-prose behavioral rules ("keep sub-agents small," "converge to zero") far more loosely than older models did. The result was four simultaneous drift modes: bloated sub-agents, runaway review loops, exploding fanout, and oversized single turns. What kept it from being far worse was their "skills" system — small, named instruction packs that agents auto-load to encode team conventions. Their instrumentation caught the runaway in 12 hours instead of 12 days, isolated worktrees contained the blast radius, and the fix lived at the rules layer (swapping vague adjectives for hard numeric budgets and machine-checkable gates) rather than in application code. The takeaway: if you let AI agents do real work, you need a guardrails layer that encodes desired behavior separately from the agents — small, composable, and faster to change than a model. Because models will change, and the team with a rules layer pays $22K and writes a blog post; the team without one pays more and writes a press release.
Build AI Agents That Live Inside Your App — CopilotKit Explained
Nathan Tarbert June 12, 2026
Build AI Agents That Live Inside Your App — CopilotKit ExplainedCopilotKit is a complete set of building blocks for developers and teams who want to add agents to their app and assemble, debug, and ship the interface layer between their agents and users. It's also framework-agnostic and supports any LLM and every popular agent framework. There are two options for chat. Pre-built components, if you want something already built or Headless UI, which allows anyone to build custom agent interfaces.
Are you ready?

Stay in the know

Subscribe to our blog and get updates on CopilotKit in your inbox.