# CopilotKit Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/copilotkit
> Markdown URL: https://aitinkerers.org/technologies/copilotkit.md
> Technology record last updated: 2026-09-18T15:13:57Z
> Generated: 2026-09-22T12:37:40Z

The open-source Agentic Application Framework for building deeply-integrated, production-ready AI copilots directly into your product.

CopilotKit is the full-stack, open-source Agentic Application Framework designed for developers to embed sophisticated AI copilots directly into their React and Next.js applications. It provides a comprehensive SDK, including Headless UI and pre-built components, for fast deployment. The platform enables deep context awareness by grounding the AI in real-time user and application data, and it facilitates in-app actions via the `useCopilotAction()` hook, transforming the LLM into a true agent. Trusted by over 100k developers and companies, including those in the Fortune 500, CopilotKit accelerates AI-native feature delivery, supporting any LLM and agent framework like LangGraph or CrewAI through its CoAgents infrastructure.

- Official technology site: https://copilotkit.ai
- Public AI Tinkerers demos and talks: 8
- Result page: 1 of 1

## Recent Public Talks and Demos

### [A2A<>AG-UI<>MCP](https://sf.aitinkerers.org/talks/rsvp_1Sxrp1U1rbo)

Demo which highlights how all three protocols can be connected

- Event context: Protocol Demo Night at WorkOS (MCP, A2A, AG-UI) — 2025-10-10 — San Francisco
- Public talk page: https://sf.aitinkerers.org/talks/rsvp_1Sxrp1U1rbo

### [Building an agentic travel application](https://sf.aitinkerers.org/talks/rsvp_W7c5z6J_EnY)

I've been playing around recently with a travel application that lets agents build entire trips based on fuzzy user preferences. What I think is cool about this is that it is an agent-first application (agent native!).

- Event context: AI Infra Jam: Demos That Weren’t Possible Two Months Ago — 2025-09-25 — San Francisco
- Public talk page: https://sf.aitinkerers.org/talks/rsvp_W7c5z6J_EnY

### [AG-UI Realtime](https://sf.aitinkerers.org/talks/rsvp_UedIHgvMzks)

AG-UI + gpt-realtime, integrated with CopilotKit, with some MCP thrown in for good measure.

- Event context: AI Infra Jam: Demos That Weren’t Possible Two Months Ago — 2025-09-25 — San Francisco
- Public talk page: https://sf.aitinkerers.org/talks/rsvp_UedIHgvMzks

### [Fullstack Agents with the Vibe Coding Server](https://sf.aitinkerers.org/talks/rsvp_mDjnO--35R0)

We will show how to use a vibe coding server to code 3 fullstack agent apps in under 5 minutes. We will take 30 seconds to set up the Cursor environment with optimized MCP servers for different parts of the stack (LlamaIndex for the agent, CopilotKit for the frontend, Composio for tools). We will take audience requests for the use-case and UI style, and we will build 3 working fullstack agent apps in the remaining 4 minutes.

- Event context: Coding Agents Stack Share — 2025-09-11 — San Francisco
- Public talk page: https://sf.aitinkerers.org/talks/rsvp_mDjnO--35R0

### [Building a Natural Language SQL Agent with LangGraph & CopilotKit](https://waterloo.aitinkerers.org/talks/rsvp_HwFy7QiCo-E)

In this session, we'll explore how to develop an AI-powered agent that enables users to query relational databases using natural language. By integrating LangGraph for managing the agent's reasoning process and CopilotKit for creating an intuitive frontend interface, I'll demonstrate how to translate natural language into SQL queries. The talk will cover the architecture, key components, and practical examples, providing insights into building a production-ready natural language data querying agent. I’ll demo real use cases (like querying the Sakila dataset), and show how to track agent behavior step-by-step using LangGraph Studio.

- Event context: AI Tinkerers - Waterloo June Meetup — 2025-06-02 — Waterloo
- Public talk page: https://waterloo.aitinkerers.org/talks/rsvp_HwFy7QiCo-E

### [CrewAI + CopilotKit Quickstart](https://seattle.aitinkerers.org/talks/rsvp_oAqMivvbLmg)

CopilotKit: A bridge between your AI agents and your Frontend applications, including generative UI, Frontend tool calls & State Management (app <> agent) Project Ideas for Practical Agents Hackathon: "Build Cursor for ___" Social media posting Agent with deep human-in-the-loop Custom v0-like generation, but for something custom Our quickstart with Crew is: npx copilotkit@latest init -m CrewAI Use CopilotKit in your project → get free merch Prize Category: "The User-Interactive Agent Prize"

- Event context: CrewAI x AI Tinkerers - Practical Agents Hackathon - Seattle — 2025-05-17 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_oAqMivvbLmg

### [Bridging pain points to n8n workflows for non-technical users](https://seattle.aitinkerers.org/talks/rsvp_a30Qj3j3Btg)

- Demo a webapp that produces an n8n automation via conversation (AI agent chat + generative UI + artifacts) - Demo agent conversation that iteratively builds the requirements and asks user clarifying questions - Knowledge mining methods and representation for automation nodes - Anecdotes on challenges, solutions, improvements

- Event context: AI Tinkerers Seattle - April Meetup — 2025-04-25 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_a30Qj3j3Btg

### [CopilotKit (Community Demo Pit)](https://seattle.aitinkerers.org/talks/rsvp_txVLAfuWo98)

Stop by the community demo pit to check out amazing demos from CopilotKit! CopilotKit is the open-source platform for building deeply-integrated AI copilots into any product🤖 It offers developers a comprehensive toolkit to enhance their applications with powerful AI-driven capabilities in hours rather than months: in-app AI chatbots, in-app AI Agents, & AI-powered Textareas.

- Event context: AI Tinkerers Summer Social - August 2024 — 2024-08-16 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_txVLAfuWo98

## Related Technologies

- [MCP](https://aitinkerers.org/technologies/mcp) ([Markdown](https://aitinkerers.org/technologies/mcp.md)) — 129 public demos
- [LangGraph](https://aitinkerers.org/technologies/langgraph) ([Markdown](https://aitinkerers.org/technologies/langgraph.md)) — 67 public demos
- [A2A](https://aitinkerers.org/technologies/a2a) ([Markdown](https://aitinkerers.org/technologies/a2a.md)) — 7 public demos
- [AG-UI](https://aitinkerers.org/technologies/ag-ui) ([Markdown](https://aitinkerers.org/technologies/ag-ui.md)) — 4 public demos
- [Browserbase](https://aitinkerers.org/technologies/browserbase) ([Markdown](https://aitinkerers.org/technologies/browserbase.md)) — 3 public demos
- [Codex](https://aitinkerers.org/technologies/codex) ([Markdown](https://aitinkerers.org/technologies/codex.md)) — 44 public demos
- [CrewAI](https://aitinkerers.org/technologies/crewai) ([Markdown](https://aitinkerers.org/technologies/crewai.md)) — 15 public demos
- [Cursor](https://aitinkerers.org/technologies/cursor) ([Markdown](https://aitinkerers.org/technologies/cursor.md)) — 65 public demos
- [FastAPI](https://aitinkerers.org/technologies/fastapi) ([Markdown](https://aitinkerers.org/technologies/fastapi.md)) — 181 public demos
- [Google Search](https://aitinkerers.org/technologies/google-search) ([Markdown](https://aitinkerers.org/technologies/google-search.md)) — 3 public demos
- [gpt-realtime](https://aitinkerers.org/technologies/gpt-realtime) ([Markdown](https://aitinkerers.org/technologies/gpt-realtime.md)) — 1 public demo
- [LangGraph Studio](https://aitinkerers.org/technologies/langgraph-studio) ([Markdown](https://aitinkerers.org/technologies/langgraph-studio.md)) — 1 public demo
- [LlamaIndex](https://aitinkerers.org/technologies/llamaindex) ([Markdown](https://aitinkerers.org/technologies/llamaindex.md)) — 12 public demos
- [Next](https://aitinkerers.org/technologies/next) ([Markdown](https://aitinkerers.org/technologies/next.md)) — 186 public demos
- [Pipecat](https://aitinkerers.org/technologies/pipecat) ([Markdown](https://aitinkerers.org/technologies/pipecat.md)) — 7 public demos
- [Playwright MCP](https://aitinkerers.org/technologies/playwright-mcp) ([Markdown](https://aitinkerers.org/technologies/playwright-mcp.md)) — 2 public demos
- [RAG](https://aitinkerers.org/technologies/rag) ([Markdown](https://aitinkerers.org/technologies/rag.md)) — 147 public demos
- [Tadata](https://aitinkerers.org/technologies/tadata) ([Markdown](https://aitinkerers.org/technologies/tadata.md)) — 1 public demo