Build best-in-class Agent-Native applications

Focus on your core value and leave the plumbing to us.

context

CoAgents: Everything you need to embed Agents in your application

Deeply embed vertical AI agents (powered by LangGraph) into your application with shared state, agentic generative UI & Human-in-the-Loop.

CoAgents public beta

Discover what makes CoAgents a powerful AI-human collaboration tool

Learn to build Agent-Native Applications/ with LangGraph and CoAgents.

We're excited to invite you to our Agent-Native Applications webinar. We'll learn how to build Agent-Native Applications in a single sitting, using LangGraph and CoAgents.

Join Webinar

Features

Core features of CoAgents

Effortlessly enhance your app with powerful AI-driven capabilities.

Shared state (agent ⇄ app)

With a single line of code, your application can see everything the agent is doing, and the agent can see everything that happens inside the application.

Learn more in Docs


  1  const {state, setState} = useCoAgent("the agent name")

Agentic generative UI

Render the agent’s real-time state in the chat UI so the user can see what the agent is doing.

Learn more in Docs

  
     useCoagentStateRender(
       name: "research_agent",
       node: "download_progress",
       render: ({ state, nodeName, status }) => {
         return Progress logs={state.logs} /;
       });
  

Human-in-the-Loop

Specify breakpoints in the agent process at which Human input/approval is required. This allows for greater safety as well as better agent performance

Learn more in Docs

  
     useCopilotAction({
       name: "ApprovePlan",
       parameters: [
          { name: "planSteps", type: "string[]" }
       ],
       renderAndWait: ({ args, handler }) => (
          <ConfirmPlan
             planSteps={args.planSteps}
             onApprove={(approvedSteps) => handler({ ... })}
             onDeny={() => handler({ ... })}
          />
       );
  

Realtime frontend actions

Surface frontend actions to the LangGraph agent as they become available, to let the agent explicitly take action in the application.

Learn more in Docs

  
     useCopilotAction({
       name: "InsertItemInList",
       parameters: [ 
          { name: "city", type: "string" }, 
          { name: "country", type: "string" } 
       ], 
       handler: ({ args, status }) => { 
         // ... 
       } 
     }); 
  

Stay up-to-date!

Upcoming CoAgents features include agent steering, enabling end-users to realign errant agents, and subgraph support, among others.

Go to GitHub

Insights

Why CoAgents

Unlike fully autonomous systems, CoAgents enable effective AI-human collaboration, improving decision-making and automation while maintaining human oversight.

Boost productivity with human-AI collaboration

Gain greater oversight of AI decision-making

Simplify integration and deployment with ease

Details

How it works?

CoAgents promote AI-human collaboration, enhancing decision-making and automation while ensuring human oversight, unlike fully autonomous systems.

Setup your CoAgents

Choose and configure the agents that best fit your project needs.

Define project goal

Clearly outline your project objectives, allowing CoAgents to align their tasks effectively.

Collaborate in real-time

Watch as CoAgents work in unison, communicating and sharing insights in real-time to ensure optimal results.

Review and optimize

Analyze the outputs generated by CoAgents and provide feedback for further refinement.

Read Docs Get Started

Want to integrate CoAgents into an existing app?

Get started with CoAgents in minutes and boost collaboration instantly with a simple setup.

Go to Docs

Join our Discord community!

Join a community to connect, collaborate, and stay informed!

Join Community