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. These guides show you 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.
 
## 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="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>