> ## Documentation Index
> Fetch the complete documentation index at: https://www.truefoundry.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ecosystem & Integrations

> Every tool, framework, and platform that works with the TrueFoundry AI Gateway — governed, observable, and accessible through a single control plane.

TrueFoundry integrates with the tools and frameworks you already use — from coding assistants and agent frameworks to observability platforms and guardrail providers.

<Tabs>
  <Tab title="Coding Assistants">
    <CardGroup cols={3}>
      <Card href="/docs/ai-gateway/claude">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/claude-logo.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=1c942d568746f87be9b28184cafcf44e" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="2048" height="2056" data-path="images/icons/claude-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Claude</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/cline">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/cline-logo.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=7606c39957a71132cb3c0959845b2fef" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/cline-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Cline</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/cursor">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/cursor-logo.jpg?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=acd6a96d8db3b2bfc300e9a14b3a82b8" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/cursor-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">Cursor</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/gemini-cli">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/gemini-logo.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=21e5ae33d0b2b3ef879b326fd2bdff65" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1024" height="1024" data-path="images/icons/gemini-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Gemini CLI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/github-copilot">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/Octicons-mark-github.svg?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=4481616ceb58ba2ff243004866e1c8bb" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1024" height="1024" data-path="images/icons/Octicons-mark-github.svg" />

          <span className="text-[15px] font-bold sm:text-base">GitHub Copilot</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/goose">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/goose-ai.webp?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=40e256c31ad531cbe83e324d9f1844bd" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="196" height="196" data-path="images/icons/goose-ai.webp" />

          <span className="text-[15px] font-bold sm:text-base">Goose</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/opencode">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/IU04hvyESp06tLpq/images/icons/preview-opencode-logo-dark-ZBwNGoYp.png?fit=max&auto=format&n=IU04hvyESp06tLpq&q=85&s=f7e2aa2ec66c2932cbba701bd4c7d0b8" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="2400" height="1350" data-path="images/icons/preview-opencode-logo-dark-ZBwNGoYp.png" />

          <span className="text-[15px] font-bold sm:text-base">OpenCode</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/openai-codex-cli">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/chatgpt-logo.jpg?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=64c92c1b3fed4d795ff46fc8a5b79786" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="980" height="980" data-path="images/icons/chatgpt-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">Codex CLI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/qwen-cli">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/Qwen_logo.svg.png?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=af08963b36d59a2f40658c252d098930" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="3840" height="3840" data-path="images/icons/Qwen_logo.svg.png" />

          <span className="text-[15px] font-bold sm:text-base">Qwen CLI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/roo-code">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/roo-code-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=3cf957269f655e6e93ab3e0cdcdfe016" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/roo-code-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Roo Code</span>
        </div>
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Agent Frameworks">
    <CardGroup cols={3}>
      <Card href="/docs/ai-gateway/agno">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/agno_agi_logo.jpg?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=5c25524e53498c432231c2230c02ad7f" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/agno_agi_logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">Agno</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/crewai">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/crew-ai-logo.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=954c6bf5453854f9713f104009a865db" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="375" height="114" data-path="images/icons/crew-ai-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">CrewAI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/dspy">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/dspy-logo.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=03a84a103a0c68f3992ca8b615ec66a5" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="609" height="196" data-path="images/icons/dspy-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">DSPy</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/instructor">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/instructor-logo.png?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=deb0daa49595129002354ef8563ce22c" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="229" height="220" data-path="images/icons/instructor-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Instructor</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/langchain">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/langchain-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=6e5dad683ebec6023184c67985763751" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/langchain-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">LangChain</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/langroid">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/langroid-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=2f5349bc64fe6c4b9f42f1e4b1781d51" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="563" height="563" data-path="images/icons/langroid-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Langroid</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/openai-agents-sdk">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/chatgpt-logo.jpg?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=64c92c1b3fed4d795ff46fc8a5b79786" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="980" height="980" data-path="images/icons/chatgpt-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">OpenAI Agents SDK</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/openai-swarm">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/chatgpt-logo.jpg?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=64c92c1b3fed4d795ff46fc8a5b79786" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="980" height="980" data-path="images/icons/chatgpt-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">OpenAI Swarm</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/phidata">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/phidata.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=7f2eef3a1c69055858aede2a89040831" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1024" height="1024" data-path="images/icons/phidata.png" />

          <span className="text-[15px] font-bold sm:text-base">Phidata</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/pydantic-ai">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/pydantic-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=002eb0e448feba449dfb53af7177e80d" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="460" height="460" data-path="images/icons/pydantic-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Pydantic AI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/strands">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/strands-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=125d4b23ef52ac40e0bb1445ecb15838" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/strands-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Strands Agents</span>
        </div>
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Applications">
    <CardGroup cols={3}>
      <Card href="/docs/ai-gateway/anythingllm">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/anything-llm-logo.jpg?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=0d3db426a0d157485337ec9f8588e99c" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="400" height="400" data-path="images/icons/anything-llm-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">AnythingLLM</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/dify">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/J1lOAFTXoLK5m_TV/images/icons/dify-logo.avif?fit=max&auto=format&n=J1lOAFTXoLK5m_TV&q=85&s=3b7d9ff590632aed72252922b971e35d" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="6400" height="6400" data-path="images/icons/dify-logo.avif" />

          <span className="text-[15px] font-bold sm:text-base">Dify</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/flowise">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/flowise-ai-logo.jpg?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=ddfce6b139b1ee28e592c4174ee01218" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1080" height="830" data-path="images/icons/flowise-ai-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">Flowise</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/jan">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/jan-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=da463600986b4a047d49e574db7b4c6d" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/jan-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Jan</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/langflow">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/WzKnKtUp7ZAYisUa/images/icons/langflow-logo.svg?fit=max&auto=format&n=WzKnKtUp7ZAYisUa&q=85&s=5dffba13831f57589f07c46cbbfbf650" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="470" height="470" data-path="images/icons/langflow-logo.svg" />

          <span className="text-[15px] font-bold sm:text-base">Langflow</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/librechat">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/librechat-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=79d81750d54abb80d26483b3edffc619" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/librechat-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">LibreChat</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/livekit">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/0AGWPKTOll5CJOww/images/icons/livekit-logo.avif?fit=max&auto=format&n=0AGWPKTOll5CJOww&q=85&s=0ee03224a7eaa1a67b1f3260c6dbdcdf" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="3840" height="2160" data-path="images/icons/livekit-logo.avif" />

          <span className="text-[15px] font-bold sm:text-base">LiveKit</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/n8n">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/n8n-color.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=03c27b069be43b351ccabc344ff80067" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1024" height="1024" data-path="images/icons/n8n-color.png" />

          <span className="text-[15px] font-bold sm:text-base">n8n</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/open-webui">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/open-webui.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=7e515c7aef37d8f2d9311f24af0376cf" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="512" height="512" data-path="images/icons/open-webui.png" />

          <span className="text-[15px] font-bold sm:text-base">Open WebUI</span>
        </div>
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Guardrails">
    <CardGroup cols={3}>
      <Card href="/docs/ai-gateway/guardrails-overview">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/6bbtTt95c1iCcyph/favicon.svg?fit=max&auto=format&n=6bbtTt95c1iCcyph&q=85&s=f55bde34214b38034126d05b08ea16c7" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="28" height="28" data-path="favicon.svg" />

          <span className="text-[15px] font-bold sm:text-base">TrueFoundry Guardrails</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/akto">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/S7AQ6KvsFA-Rq1fV/images/icons/akto-logo.svg?fit=max&auto=format&n=S7AQ6KvsFA-Rq1fV&q=85&s=7e111a6216dbcf8d9a3087804709ac2d" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="126" height="142" data-path="images/icons/akto-logo.svg" />

          <span className="text-[15px] font-bold sm:text-base">Akto</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/arthur-ai">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/xAJTYwkVdzJ4L-J4/images/arthurAILogo.png?fit=max&auto=format&n=xAJTYwkVdzJ4L-J4&q=85&s=d3b94f6d5d7490e301791a7b90bf2a4e" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="230" height="219" data-path="images/arthurAILogo.png" />

          <span className="text-[15px] font-bold sm:text-base">Arthur AI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/bedrock-guardrails">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/xnxwG9wbAPzCd_DD/images/bedrock4.jpg?fit=max&auto=format&n=xnxwG9wbAPzCd_DD&q=85&s=8fdb113c67e01e68d93781e7dd3f6dda" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="640" height="640" data-path="images/bedrock4.jpg" />

          <span className="text-[15px] font-bold sm:text-base">AWS Bedrock Guardrail</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/azure-content-safety">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/azure.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=30f27038954814ef17c7d8fc7d0fdee4" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="3000" height="3000" data-path="images/icons/azure.png" />

          <span className="text-[15px] font-bold sm:text-base">Azure Content Safety</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/azure-pii">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/azure.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=30f27038954814ef17c7d8fc7d0fdee4" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="3000" height="3000" data-path="images/icons/azure.png" />

          <span className="text-[15px] font-bold sm:text-base">Azure PII</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/azure-prompt-shield">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/azure.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=30f27038954814ef17c7d8fc7d0fdee4" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="3000" height="3000" data-path="images/icons/azure.png" />

          <span className="text-[15px] font-bold sm:text-base">Azure Prompt Shield</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/crowdstrike">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/qM2XHVo2ypwbyV3t/images/icons/crowdstrike.svg?fit=max&auto=format&n=qM2XHVo2ypwbyV3t&q=85&s=f6157dbd4b50c788e2e0c55ca4e25315" alt="CrowdStrike logo" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="144" height="144" data-path="images/icons/crowdstrike.svg" />

          <span className="text-[15px] font-bold sm:text-base">CrowdStrike AIDR</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/deepkeep">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/JTEaY3qGxWR6WOHj/images/icons/deepkeep-logo.svg?fit=max&auto=format&n=JTEaY3qGxWR6WOHj&q=85&s=e1c9b835b14f525858115a3a89d91a34" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="98" height="96" data-path="images/icons/deepkeep-logo.svg" />

          <span className="text-[15px] font-bold sm:text-base">DeepKeep</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/enkrypt-ai">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/J1lOAFTXoLK5m_TV/images/icons/enkryptai_logo.jpg?fit=max&auto=format&n=J1lOAFTXoLK5m_TV&q=85&s=c9b817936cbeb0a285e37adfadd501f1" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/enkryptai_logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">Enkrypt AI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/fiddler">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/fiddler-logo.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=d41112156bf1451b36cdbc6d127902eb" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="300" height="300" data-path="images/icons/fiddler-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Fiddler AI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/google-model-armor">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/gemini-logo.png?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=21e5ae33d0b2b3ef879b326fd2bdff65" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1024" height="1024" data-path="images/icons/gemini-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Google Model Armor</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/grayswan-cygnal">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/174157256.png?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=a015ca056182812f533fe081e23dcfe8" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/174157256.png" />

          <span className="text-[15px] font-bold sm:text-base">GraySwan Cygnal</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/guardrails-ai">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/tUMaJuUfLouXzk1e/images/icons/guardrails-ai-logo.svg?fit=max&auto=format&n=tUMaJuUfLouXzk1e&q=85&s=aa8dab7a5b376ee404215ce6febc96a5" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} data-path="images/icons/guardrails-ai-logo.svg" />

          <span className="text-[15px] font-bold sm:text-base">Guardrails AI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/lasso-security">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/TquyDgXk-RrfB4w0/images/lasso-security-logo.png?fit=max&auto=format&n=TquyDgXk-RrfB4w0&q=85&s=bfedbd9110fa9397a7a77344daeeb9ca" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/lasso-security-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Lasso Security</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/nvidia-nemo">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/tUMaJuUfLouXzk1e/images/icons/nvidia-nemo-logo.svg?fit=max&auto=format&n=tUMaJuUfLouXzk1e&q=85&s=93e7c9cd3733b0d74fc2b7cfe8c4721f" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="2500" height="1841" data-path="images/icons/nvidia-nemo-logo.svg" />

          <span className="text-[15px] font-bold sm:text-base">NVIDIA NeMo</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/openai-moderations">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/gonlEy8fl_2fR_5Y/images/icons/chatgpt-logo.jpg?fit=max&auto=format&n=gonlEy8fl_2fR_5Y&q=85&s=64c92c1b3fed4d795ff46fc8a5b79786" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="980" height="980" data-path="images/icons/chatgpt-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">OpenAI Moderation</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/palo-alto-airs">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/palo-alto-logo.jpg?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=3c225689b59115fa0417c9ceb78f0462" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/palo-alto-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">Palo Alto Prisma AIRS</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/patronus">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/0AGWPKTOll5CJOww/images/icons/patronus_ai_inc_logo.jpg?fit=max&auto=format&n=0AGWPKTOll5CJOww&q=85&s=2cdbfb661b0ad352a730f4a861c23e61" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/patronus_ai_inc_logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">Patronus AI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/pillar-security">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/GFxjzGfvsvKl_rqh/images/icons/pillar-security-logo.png?fit=max&auto=format&n=GFxjzGfvsvKl_rqh&q=85&s=d30be15afecfca8d839827fadcd72ad8" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="256" height="256" data-path="images/icons/pillar-security-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Pillar Security</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/trojai">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/u3eFxtfIcMtyvKm0/images/icons/trojai-logo.svg?fit=max&auto=format&n=u3eFxtfIcMtyvKm0&q=85&s=27efa7817358d8f038fabc54b03ee953" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="2000" height="2000" data-path="images/icons/trojai-logo.svg" />

          <span className="text-[15px] font-bold sm:text-base">TrojAI</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/verra">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/1HGc6pZXOp0t3YWO/images/verraLogo.png?fit=max&auto=format&n=1HGc6pZXOp0t3YWO&q=85&s=14f5af6c290bc7dfa9d6ad001163228a" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/verraLogo.png" />

          <span className="text-[15px] font-bold sm:text-base">Verra</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/custom-guardrails">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/6bbtTt95c1iCcyph/favicon.svg?fit=max&auto=format&n=6bbtTt95c1iCcyph&q=85&s=f55bde34214b38034126d05b08ea16c7" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="28" height="28" data-path="favicon.svg" />

          <span className="text-[15px] font-bold sm:text-base">Custom Guardrails</span>
        </div>
      </Card>
    </CardGroup>
  </Tab>

  <Tab title="Observability">
    <CardGroup cols={3}>
      <Card href="/docs/ai-gateway/arize">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/204074b2b2aba5c8d13e76adfb3a2b7c.png?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=97c9887210aafee6451c8539773c2aa9" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="823" height="807" data-path="images/icons/204074b2b2aba5c8d13e76adfb3a2b7c.png" />

          <span className="text-[15px] font-bold sm:text-base">Arize</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/axiom">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/fArw65T-SawLNMrn/images/icons/Axiom.png?fit=max&auto=format&n=fArw65T-SawLNMrn&q=85&s=24a4f40ce906993e7f4e58c3858673ac" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/Axiom.png" />

          <span className="text-[15px] font-bold sm:text-base">Axiom</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/braintrust">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/braintrust-btrst-logo-png_seeklogo-440324.png?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=693b2fdffac6f98c6e3861c898fb2578" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="320" height="320" data-path="images/icons/braintrust-btrst-logo-png_seeklogo-440324.png" />

          <span className="text-[15px] font-bold sm:text-base">Braintrust</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/coralogix">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/df1f0851-vertical-green.svg?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=8dc0f80ed47b5bd1ca1fa9464a6b309c" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="246" height="144" data-path="images/icons/df1f0851-vertical-green.svg" />

          <span className="text-[15px] font-bold sm:text-base">Coralogix</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/dash0">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/fArw65T-SawLNMrn/images/icons/Dash0.png?fit=max&auto=format&n=fArw65T-SawLNMrn&q=85&s=d0964cb2633c44fc983214207c8950bb" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1024" height="1024" data-path="images/icons/Dash0.png" />

          <span className="text-[15px] font-bold sm:text-base">Dash0</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/clickstack">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/fxNDNPZ4MJ7Fp5U4/images/ClickStackLogo.png?fit=max&auto=format&n=fxNDNPZ4MJ7Fp5U4&q=85&s=f6c5e0423f9e11a39dcfc559466607a6" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="862" height="862" data-path="images/ClickStackLogo.png" />

          <span className="text-[15px] font-bold sm:text-base">ClickStack</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/coreweave">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/bp_7xp6t54RUlEIC/images/icons/coreweave-weave-logo.png?fit=max&auto=format&n=bp_7xp6t54RUlEIC&q=85&s=bd2e40eb694d125bce24939e292d7408" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="91" height="98" data-path="images/icons/coreweave-weave-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">CoreWeave</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/dynatrace">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/MediaAsset_Tiles_RGB_POS_HZ.svg?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=ec448476c1f5b2fc0b014fc71e0390dc" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="528" height="384" data-path="images/icons/MediaAsset_Tiles_RGB_POS_HZ.svg" />

          <span className="text-[15px] font-bold sm:text-base">Dynatrace</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/elastic">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/elasticsearch-logo.svg?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=d9180c4d211ad616be47f87836e8e378" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="800" height="800" data-path="images/icons/elasticsearch-logo.svg" />

          <span className="text-[15px] font-bold sm:text-base">Elastic</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/honeycomb">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/xnxwG9wbAPzCd_DD/images/icons/honeycomb-logo.png?fit=max&auto=format&n=xnxwG9wbAPzCd_DD&q=85&s=acb9b249cd3f9b115e2cf205f39ff93c" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/honeycomb-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Honeycomb</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/honeyhive">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/IqdNGB3nQE6r2yrh/images/HoneyHiveLogo.jpg?fit=max&auto=format&n=IqdNGB3nQE6r2yrh&q=85&s=cb95f73f02d31f8e09b57bf438eebd6d" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/HoneyHiveLogo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">HoneyHive</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/langfuse">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/langfuse-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=63f73a087ed81ebfc74f8941819b587d" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1024" height="1024" data-path="images/icons/langfuse-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Langfuse</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/langwatch">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/fArw65T-SawLNMrn/images/icons/LangWatch.png?fit=max&auto=format&n=fArw65T-SawLNMrn&q=85&s=7582347a47827cedc3ba0f55ac9b7f22" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/LangWatch.png" />

          <span className="text-[15px] font-bold sm:text-base">LangWatch</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/laminar">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/fArw65T-SawLNMrn/images/icons/Laminar.png?fit=max&auto=format&n=fArw65T-SawLNMrn&q=85&s=539a4a0bbdac09d9a074442125aba27a" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="224" height="224" data-path="images/icons/Laminar.png" />

          <span className="text-[15px] font-bold sm:text-base">Laminar</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/langsmith">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/och74_D1wzP9yBGK/images/icons/langchain-logo.png?fit=max&auto=format&n=och74_D1wzP9yBGK&q=85&s=6e5dad683ebec6023184c67985763751" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/langchain-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">LangSmith</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/last9">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/last9-logo.png?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=46c3a72bcfa0f595aadf1a13507408d7" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="600" height="164" data-path="images/icons/last9-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Last9</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/lunary">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/3nIFEw7jhbXEY8nE/images/icons/lunary-logo.png?fit=max&auto=format&n=3nIFEw7jhbXEY8nE&q=85&s=306e339ea30a93992f2fe84b5956d5fc" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="128" height="128" data-path="images/icons/lunary-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">Lunary</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/middleware">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/fArw65T-SawLNMrn/images/icons/Middleware.png?fit=max&auto=format&n=fArw65T-SawLNMrn&q=85&s=a457afa975be02faa4ca2f53a23c2ad6" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/Middleware.png" />

          <span className="text-[15px] font-bold sm:text-base">Middleware</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/newrelic">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/Jf4khn5GbqdloRMA/images/icons/MediaAsset_Tiles_RGB_POS_HZ.svg?fit=max&auto=format&n=Jf4khn5GbqdloRMA&q=85&s=ec448476c1f5b2fc0b014fc71e0390dc" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="528" height="384" data-path="images/icons/MediaAsset_Tiles_RGB_POS_HZ.svg" />

          <span className="text-[15px] font-bold sm:text-base">New Relic</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/openlit">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/xnxwG9wbAPzCd_DD/images/icons/openlit-logo.png?fit=max&auto=format&n=xnxwG9wbAPzCd_DD&q=85&s=185c86b84ac66f25ac6246047d31f55e" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="225" height="225" data-path="images/icons/openlit-logo.png" />

          <span className="text-[15px] font-bold sm:text-base">OpenLIT</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/promptlayer">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/UJFR3PGGtCAAUOEX/images/icons/promptlayer_logo.jpeg?fit=max&auto=format&n=UJFR3PGGtCAAUOEX&q=85&s=6873525c9f0bc7e9ccd08f824a0a3771" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="200" height="200" data-path="images/icons/promptlayer_logo.jpeg" />

          <span className="text-[15px] font-bold sm:text-base">PromptLayer</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/pydantic-logfire">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/r9w7DFDLhy7QfPeq/images/icons/pydantic-logfire-logo.webp?fit=max&auto=format&n=r9w7DFDLhy7QfPeq&q=85&s=95ec1930f1e9841c72b3b4178d5121be" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="600" height="600" data-path="images/icons/pydantic-logfire-logo.webp" />

          <span className="text-[15px] font-bold sm:text-base">Pydantic Logfire</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/signoz">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/xnxwG9wbAPzCd_DD/images/icons/signoz_logo.png?fit=max&auto=format&n=xnxwG9wbAPzCd_DD&q=85&s=bd8137f5a037fca9e6612feda2a4dbba" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="460" height="460" data-path="images/icons/signoz_logo.png" />

          <span className="text-[15px] font-bold sm:text-base">SigNoz</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/splunk">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/wJbfpurppB9khCmE/images/splunk-logo.svg?fit=max&auto=format&n=wJbfpurppB9khCmE&q=85&s=b78e6f58efe0ff1d20244eb5dd95b203" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="1200" height="1200" data-path="images/splunk-logo.svg" />

          <span className="text-[15px] font-bold sm:text-base">Splunk</span>
        </div>
      </Card>

      <Card href="/docs/ai-gateway/traceloop">
        <div className="flex items-center gap-2 w-full">
          <img src="https://mintcdn.com/truefoundry/xnxwG9wbAPzCd_DD/images/icons/traceloop-logo.jpg?fit=max&auto=format&n=xnxwG9wbAPzCd_DD&q=85&s=87f9d718b0ffc45c94876148ccb8a06a" style={{ width:"24px",height:"24px",objectFit:"contain",flexShrink:0 }} width="280" height="280" data-path="images/icons/traceloop-logo.jpg" />

          <span className="text-[15px] font-bold sm:text-base">Traceloop</span>
        </div>
      </Card>
    </CardGroup>
  </Tab>
</Tabs>

## Need a Specific Integration?

Don't see the tool you're looking for? We're always adding new integrations. Reach out to us and we'll work with you to get it supported.

<Card title="Request an Integration" icon="envelope" href="mailto:support@truefoundry.com">
  Contact us at [support@truefoundry.com](mailto:support@truefoundry.com) to request a new integration or discuss custom requirements.
</Card>