import { PlatformCard } from "@/app/_components/platform-card";
import { Tabs } from "nextra/components";

# Arcade with Agent Frameworks and MCP Clients

Arcade integrates with agent frameworks and MCP clients to add tool-calling capabilities to your AI applications.

These guides are for developers building AI applications who need to connect Arcade tools to their agent frameworks or MCP clients. You'll learn how to authenticate with Arcade, load tools, and execute them within your chosen framework. Each guide provides code examples and configuration steps to get you started quickly with the most popular frameworks and programming languages.

## Agent Frameworks

<Tabs items={["Python", "JavaScript"]} storageKey="preferredLanguage">
  <Tabs.Tab>
    <div className="mt-6 grid gap-3 sm:grid-cols-2 sm:gap-4 md:gap-5 lg:grid-cols-3">
      <PlatformCard
        name="Vanilla Python"
        icon="/images/icons/python.svg"
        link="/guides/agent-frameworks/setup-arcade-with-your-llm-python"
        type="Programming Language"
      />
      <PlatformCard
        name="LangChain"
        icon="/images/icons/langchain.svg"
        link="/guides/agent-frameworks/langchain/use-arcade-tools"
        type="Agent Framework"
        invertInDark
      />
      <PlatformCard
        name="CrewAI"
        icon="https://avatars.githubusercontent.com/u/170677839?s=200&v=4"
        link="/guides/agent-frameworks/crewai/use-arcade-tools"
        type="Agent Framework"
      />
      <PlatformCard
        name="OpenAI Agents"
        icon="https://avatars.githubusercontent.com/u/14957082?s=200&v=4"
        link="/guides/agent-frameworks/openai-agents/overview"
        type="Agent Framework"
      />
      <PlatformCard
        name="Google ADK"
        icon="https://avatars.githubusercontent.com/u/1342004?s=200&v=4"
        link="/guides/agent-frameworks/google-adk/overview"
        type="Agent Framework"
      />
    </div>
  </Tabs.Tab>
  <Tabs.Tab>
    <div className="mt-6 grid gap-3 sm:grid-cols-2 sm:gap-4 md:gap-5 lg:grid-cols-3">
      <PlatformCard
        name="LangChain"
        icon="/images/icons/langchain.svg"
        link="/guides/agent-frameworks/langchain/use-arcade-tools"
        type="Agent Framework"
        invertInDark
      />
      <PlatformCard
        name="Google ADK"
        icon="https://avatars.githubusercontent.com/u/1342004?s=200&v=4"
        link="/guides/agent-frameworks/google-adk/overview"
        type="Agent Framework"
      />
      <PlatformCard
        name="Mastra"
        icon="/images/icons/mastra.svg"
        link="/guides/agent-frameworks/mastra/overview"
        type="Agent Framework"
        invertInDark
      />
      <PlatformCard
        name="Vercel AI"
        icon="/images/icons/vercel.svg"
        link="/guides/agent-frameworks/vercelai"
        type="Agent Framework"
        invertInDark
      />
    </div>
  </Tabs.Tab>
</Tabs>