# www.copilotkit.ai > AI-optimized mirror of www.copilotkit.ai containing 50 pages totalling 14,064 words of clean markdown content, structured data, and semantic HTML. Original source: https://www.copilotkit.ai/. Last updated: 2026-04-20T04:05:13.517Z. Each page is available as HTML (with JSON-LD structured data) and Markdown (text-only, ideal for LLMs and RAG). ## Homepage - [site-root.html](/site-root.html) (1 words) ## Articles & Blog Posts - [blog/build-a-fullstack-stock-portfolio-agent-with-crewai-and-ag-ui.html](/blog/build-a-fullstack-stock-portfolio-agent-with-crewai-and-ag-ui.html) (1 words) - [blog/build-a-fullstack-stock-portfolio-agent-with-llamaindex-and-ag-ui.html](/blog/build-a-fullstack-stock-portfolio-agent-with-llamaindex-and-ag-ui.html) (1 words) - [blog/build-your-own-ai-stock-portfolio-agent-with-agno-ag-ui.html](/blog/build-your-own-ai-stock-portfolio-agent-with-agno-ag-ui.html) (1 words) - [blog/the-three-kinds-of-generative-ui/index.html](/blog/the-three-kinds-of-generative-ui/index.html) (1 words) - [blog/building-a-rag-powered-e-commerce-platform-langgraph-mongodb-copilotkit.html](/blog/building-a-rag-powered-e-commerce-platform-langgraph-mongodb-copilotkit.html) (1 words) - [blog/heres-how-to-build-fullstack-agent-apps-gemini-copilotkit-langgraph.html](/blog/heres-how-to-build-fullstack-agent-apps-gemini-copilotkit-langgraph.html) (1 words) - [blog/build-a-frontend-for-your-adk-agents-with-ag-ui/index.html](/blog/build-a-frontend-for-your-adk-agents-with-ag-ui/index.html) (1 words) - [blog/build-a-stock-portfolio-ai-agent-fullstack-pydantic-ai-ag-ui.html](/blog/build-a-stock-portfolio-ai-agent-fullstack-pydantic-ai-ag-ui.html) (1 words) - [blog/build-full-stack-ai-shopping-assistant-with-crewai-and-tavily.html](/blog/build-full-stack-ai-shopping-assistant-with-crewai-and-tavily.html) (1 words) - [blog/master-the-17-ag-ui-event-types-for-building-agents-the-right-way.html](/blog/master-the-17-ag-ui-event-types-for-building-agents-the-right-way.html) (1 words) - [blog/build-a-frontend-for-your-microsoft-agent-framework-agents-with-ag-ui.html](/blog/build-a-frontend-for-your-microsoft-agent-framework-agents-with-ag-ui.html) (1 words) - [blog/build-with-googles-new-a2ui-spec-agent-user-interfaces-with-a2ui-ag-ui.html](/blog/build-with-googles-new-a2ui-spec-agent-user-interfaces-with-a2ui-ag-ui.html) (1 words) - [blog/reusable-agents-meet-generative-uis/index.html](/blog/reusable-agents-meet-generative-uis/index.html) (1 words) - [blog/index.html](/blog/index.html) (1 words) - [generative-ui/index.html](/generative-ui/index.html) (1 words) - [blog/how-to-build-full-stack-ai-agents-crewai-copilotkit.html](/blog/how-to-build-full-stack-ai-agents-crewai-copilotkit.html) (1 words) - [blog/aimock-one-tool-to-mock-your-entire-ai-stack/index.html](/blog/aimock-one-tool-to-mock-your-entire-ai-stack/index.html) (1 words) - [blog/bring-mcp-apps-into-your-own-app-with-copilotkit-and-ag-ui.html](/blog/bring-mcp-apps-into-your-own-app-with-copilotkit-and-ag-ui.html) (1 words) - [blog/the-developer-s-guide-to-generative-ui-in-2026/index.html](/blog/the-developer-s-guide-to-generative-ui-in-2026/index.html) (1 words) - [blog/how-to-build-a-frontend-for-langchain-deep-agents-with-copilotkit.html](/blog/how-to-build-a-frontend-for-langchain-deep-agents-with-copilotkit.html) (1 words) - [AG-UI Protocol](/ag-ui/index.html): AG-UI is an open, lightweight, event-based protocol that defines how agents, users, and applications stay in sync. Transform agents from background processes into true collaborators., Demo Viewer by CopilotKit (405 words) - [The State of Agentic UI: Comparing AG-UI, MCP-UI, and A2A Protocols](/blog/the-state-of-agentic-ui-comparing-ag-ui-mcp-ui-and-a2ui-protocols.html): Over 18 months ago, CopilotKit released its first version with one clear goal: give developers the tools to build intelligent, AI-native interfaces - not just bots with text boxes, but deeply integrated, usable, agentic UIs. (1,273 words) - [AG-UI and A2UI Explained: How the Emerging Agentic Stack Fits Together](/blog/ag-ui-and-a2ui-explained-how-the-emerging-agentic-stack-fits-together.html): The agentic ecosystem is evolving fast — and with new standards appearing almost weekly, it’s easy to get lost in the terminology. Two names that often get mixed up are AG-UI and A2UI. They sound similar, but they actually serve very different purposes. Even better: they complement each other beautifully.CopilotKit has been working closely with Google on A2UI, and we’ll be shipping full support when the A2UI spec launches. But before that happens, let’s break down how these pieces fit into the broader agentic landscape. (947 words) - [Case Study: Improving the “Vibecodability” of CopilotKit](/blog/case-study-improving-the-vibecodability-of-copilotkit.html): Outcomes: Faster, More Accurate Integrations • 66% faster integrations The CopilotKit Expert MCP enabled a working, streaming AI agent frontend in a single shot, cutting LLM calls by two-thirds. We tested each approach by asking Cursor to create a CopilotKit UI, integrate it to a backend, and connect it to other components in an example application. (794 words) - [The Protocol Triangle: MCP + A2A + AG-UI](/blog/ag-ui-is-redefining-the-agent-user-interaction-layer.html): The AG-UI Protocol continues to surge — and with it, a new standard is forming across the agentic landscape.AG-UI isn’t just another SDK. It’s the open protocol for agent-user communication, enabling real-time collaboration between humans and agents across any app, platform, or framework. What started as a developer-driven initiative inside the CopilotKit ecosystem has grown into an open-source movement — now being adopted, extended, and accelerated by leaders across the industry. (745 words) - [Microsoft Agent Framework is now AG-UI Compatible!](/blog/microsoft-agent-framework-is-now-ag-ui-compatible/index.html): We’re excited to announce that Microsoft’s Agent Framework is now fully compatible with the AG-UI protocol - the open standard powering frontend-agent communication across the ecosystem. This integration means you can now connect Microsoft’s powerful reasoning and orchestration layer directly to rich, real-time user interfaces - without custom socket code, polling loops, or one-off APIs. (765 words) - [How CopilotKit + Mastra Enable Real-Time Agent Interaction](/blog/how-copilotkit-mastra-enable-real-time-agent-interaction.html): Today, we are pleased to announce our partnership: CopilotKit 🤝 Mastra. (756 words) - [How Microsoft Agent Framework + AG-UI Enable Agentic UX & Generative UI](/blog/how-microsoft-agent-framework-ag-ui-enable-agentic-ux-and-generative-ui.html): Microsoft’s Agent Framework (MAF) is an open source agent framework that has just come on the scene, and offers exceptional ways to build agents and multi-step workflows in .NET or Python. AG-UI is a frontend/runtime layer that lets those agents show up in your app with a clean UI, streaming responses, and shared state, etc. The integration between the two is simple but powerful: MAF handles the reasoning and tool-use, and AG-UI bridges the interactions between the agent and the users. (858 words) - [Building Fullstack Agentic Apps with Realtime Data: CopilotKit + Tavily](/blog/building-fullstack-apps-with-real-time-data-copilotkit-tavily.html): Today, we are announcing the CopilotKit+Tavily partnership. Let's dive into why this makes so much sense. (715 words) - [**A Quick Shoutout to the People Behind This**](/blog/aws-strands-agents-now-compatible-with-ag-ui/index.html): The agentic space has seen incredible momentum lately, but today’s update stands out: AWS Strands is now integrating with AG-UI and CopilotKit. (776 words) - [AG-UI and A2UI](/ag-ui-and-a2ui/index.html): Learn about AG-UI, the User Interaction protocol, and A2UI, a generative UI specification. Discover how they work together to enable powerful agent-user interactions. (504 words) - [Announcing the Vibe Coding Server (Optimized by Tadata) + CopilotKit MCP Client](/blog/announcing-copilotkit-mcp-client-vibe-coding-server.html): Making it easier than ever to build agent-ready frontends (and vibe code with your coding agents). We’re excited to share a major update in CopilotKit’s MCP ecosystem: We’ve rebuilt the Open MCP Client and added a new Vibe Coding Server (optimized by Tadata). With these releases, developers can both connect their copilots to MCP servers seamlessly and give coding agents structured, reliable access to CopilotKit docs and examples, eliminating boilerplate, hallucinations, and friction. (625 words) - [Why this matters](/blog/introducing-the-ag-ui-protocol-cli/index.html): Building agentic applications just got a whole lot easier. We’re excited to release the AG-UI protocol CLI flow- the quickest and easiest way to get started with AG-UI in under two minutes. (502 words) - [Why This Matters](/blog/oracle-adopts-ag-ui-protocol-for-agent-spec/index.html): One of the most complex problems in agentic systems today isn’t defining intelligent agents, it’s connecting those agents to real, reliable user experiences. Oracle’s Open Agent Specification (Agent Spec) and AG-UI now work together to solve that gap. (822 words) - [Introducing the AG-UI Dojo: A Learning Tool to Help You Ship Faster](/blog/introducing-the-ag-ui-dojo/index.html): Building AI agent frontends? You've probably hit the usual roadblocks-streaming updates that break, state bugs that make no sense, tool calls that require way too much setup. The AG-UI Dojo fixes that problem. It's a collection of working examples you can actually visualize and use. (631 words) - [AG-UI Goes Mobile: The Kotlin SDK Unlocks Full Agent Connectivity Across Android, iOS, and JVM](/blog/ag-ui-goes-mobile-the-kotlin-sdk-unlocks-full-agent-connectivity-across-android-ios-and-jvm.html): Mark Fogle’s recent contribution of the Kotlin SDK to AG-UI is a big step forward: developers can now integrate AG-UI directly into Android, iOS, and JVM environments through a single, unified SDK.This means users can now connect to agents directly from mobile with no custom bridges, wrappers, or per-platform workarounds. (595 words) - [Build your first copilot in minutes](/pricing/index.html): Choose the plan that's right for you and get started building your agentic application today. (185 words) - [Privacy Policy](/privacy-policy/index.html): We respect your privacy and are committed to protecting your personal information. (535 words) - [Project Manager](/examples/project-manager/index.html): Manage your software projects with an AI-powered project manager., Generated by create next app (138 words) - [Discover innovative projects with CopilotKit](/examples/index.html): See how CopilotKit can be used to build your agentic application (129 words) - [Terms of Service](/terms-of-service/index.html): Our terms of service for CopilotKit. By using our services, you agree to these terms. (511 words) - [Travel Planner](/examples/travel-planner/index.html): Plan your next trip with AI-powered travel planner., A simple travel planner using CopilotKit (145 words) - [Chat with your data](/examples/chat-with-your-data/index.html): Transform your data visualization experience with an AI-powered dashboard assistant., AI-powered dashboard assistant for data visualization and insights (136 words) - [MCP Apps](/examples/form-filling-copilot/index.html): Use CopilotKit to fill out complex forms with a conversational agent., Generated by create next app (159 words) - [MCP Apps](/contact-us/index.html): We look forward to learning more about what you're building with CopilotKit - the team will respond within 3 business days. (165 words) - [State Machine Copilot](/examples/state-machine-copilot/index.html): Transform complex conversational flows into manageable state machines. (73 words) - [Research Canvas](/examples/canvas-research/index.html): A research canvas to help you plan, track, and organize your research., Generated by create next app (96 words) - [Page not found](/docs/index.html): The page you're looking for doesn't exist. (29 words) - [Page not found](/use-cases/index.html): The page you're looking for doesn't exist. (29 words) ## Resources - [Full Page Index](/index.html): Browse all cached pages with rich metadata - [About This Cache](/content/about.html): Methodology, technical details, and usage guidelines - [XML Sitemap](/content/sitemap.xml): Machine-readable sitemap for crawler discovery - [Robots.txt](/content/robots.txt): Crawler directives