Build Full-Stack AI Agents with Custom React Components (CopilotKit + CrewAI)
Nathan Tarbert

Nathan Tarbert @nathan_tarbert

About: I am a developer and open-source evangelist!

Location:
Florida, USA
Joined:
Feb 22, 2023

Build Full-Stack AI Agents with Custom React Components (CopilotKit + CrewAI)

Publish Date: Mar 28
151 27

Hey everyone👋

I manage the community at CopilotKit, a free and open-source framework for building intelligent companions and, in-app infrastructure.🤔

Think about it like this:🧐 CopilotKit allows your agents to take control of your application, communicate what its doing, and generate completely custom UI.

Check out CopilotKit's GitHub ⭐️

Build Full-Stack Agents

Atai, the Co-Founder and CEO of CopilotKit produced this video to showcase how simple it is to build agents using CrewAI and bring them into your app in easy-to-understand steps.

Agentic Apps

A new wave of Agent-Native apps has emerged - such as Replit's AI Agent, Vercel's new v0, and ChatGPT's Canvas.

These apps deeply integrate an AI agent into a native application, allowing for deep human/AI collaboration and human-in-the-loop flows.

In this video, we will show you how to add an agent to your app in just a few minutes.

Resources:

CopilotKit GitHub Repo

Follow CopilotKit on Twitter and say hi, and if you'd like to build something cool, join our Discord.

Timestamps if you want to jump around:

00:00 CoAgents intro with CrewAI
00:22 Use the new CLI tool to add Crews to your React app
02:09 Created App with Shared agent state
03:50 React component to render the agent streaming
06:04 Agentic Generative UI
06:25 The CrewAI feature viewer demo

Comments 27 total

  • David
    DavidMar 28, 2025

    Nice walkthrough!

  • Bonnie
    BonnieMar 28, 2025

    Easy-to-understand walkthrough.

    • Nathan Tarbert
      Nathan TarbertMar 28, 2025

      Thanks for your feedback, Bonnie!
      Agreed, Atai is really good at breaking down complex programming architecture and simplifying it.

    • Nathan Tarbert
      Nathan TarbertMar 31, 2025

      Thanks for your feedback Bonnie!

  • Anmol Baranwal
    Anmol BaranwalMar 28, 2025

    A lot of people are going to build amazing stuff with this.

  • Mathew
    MathewMar 28, 2025

    I'm liking the CLI ease of building a project similar to Shadcn

  • Shrijal Acharya
    Shrijal AcharyaMar 29, 2025

    Really awesome, Nathan! 👏🏻 I really want to try this one out.

    • Shrijal Acharya
      Shrijal AcharyaMar 29, 2025

      And I really didn’t know that DEV allows embedding videos on the blog cover. 🫠

      • Nathan Tarbert
        Nathan TarbertMar 31, 2025

        Actually, you can upload a video and give the description a blog format which is pretty neat!

    • Nathan Tarbert
      Nathan TarbertMar 31, 2025

      Thank you Shrijal!

      I would love to get your feedback when you do.

  • 覃巍
    覃巍Mar 29, 2025

    that's great lesson

  • Mr. Singleton
    Mr. SingletonMar 31, 2025

    Wow this is nice! I built a humble open-ai scheduler all just to get a potential job interview...
    Open AI Scheduler

  • Parker
    ParkerMar 31, 2025

    can we achieve this without the Crewai enterprise version?

    • Nathan Tarbert
      Nathan TarbertMar 31, 2025

      Yes you can Parker. You can use CrewAI's open source

  • henryjohn21
    henryjohn21Mar 31, 2025

    Great video!

  • silvanet
    silvanetMar 31, 2025

    This is pretty useless to me without captions. Sorry.

  • Ettourach
    EttourachMar 31, 2025

    Great documentation but what is the principal benefice to creat a full stack ai agents??

  • Tylish Anup
    Tylish AnupApr 1, 2025

    Thank you for this amazing video

  • Quang Tran Duy
    Quang Tran DuyApr 1, 2025

    anh sai đẹp chiu

Add comment