> ## Documentation Index
> Fetch the complete documentation index at: https://docs-preprod.sambanova.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrations

SambaNova integrations enable you to build and deploy AI applications faster and more efficiently. Connect seamlessly with your favorite frameworks, data sources, and infrastructure platforms to accelerate development and streamline your AI workflows.

## Agent building and orchestration

<CardGroup cols={3}>
  <Card href="/en/integrations/adk">
    <div className="logo-container text-left">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/adk.png?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=9abd2d8070e3cb613fb9b307bddd9227" alt="Adk logo" width="512" height="512" data-path="images/adk.png" />
    </div>

    <span className="eyebrow">Agent Building and Orchestration</span>
    <h2 className="font-semibold text-base">ADK</h2>
    <p>Google Agent Development Kit.</p>
  </Card>

  <Card href="/en/integrations/agno">
    <div className="logo-container text-left">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/agno.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=e4275344757609c06c57ed001ba2cb44" alt="Agno logo" width="195" height="75" data-path="images/agno.svg" />
    </div>

    <span className="eyebrow">Agent Building and Orchestration</span>
    <h2 className="font-semibold text-base">Agno</h2>
    <p>Integrate with Agno to build AI agents.</p>
  </Card>

  <Card href="/en/integrations/autogen">
    <div className="logo-container text-left">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/autogen.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=6295ebe343e07e3beaae767a59853192" alt="Autogen logo" width="174" height="35" data-path="images/autogen.svg" />
    </div>

    <span className="eyebrow">Agent Building and Orchestration</span>
    <h2 className="font-semibold text-base">Autogen</h2>
    <p>Build multi-agent applications with Autogen.</p>
  </Card>

  <Card href="/en/integrations/camelAI">
    <div className="logo-container text-left">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/camel.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=5ed044e7f64e85b16415d8afd5ec3578" alt="Camel-AI logo" width="152" height="24" data-path="images/camel.svg" />
    </div>

    <span className="eyebrow">Agent Building and Orchestration</span>
    <h2 className="font-semibold text-base">Camel-AI</h2>
    <p>Leverage Camel-AI to create communicative agents.</p>
  </Card>

  <Card href="/en/integrations/crewAI">
    <div className="logo-container text-left">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/crewai-logo.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=975f361dadfc04127c1aa3a3a1ba1e07" alt="CrewAI logo" width="156" height="52" data-path="images/crewai-logo.svg" />
    </div>

    <span className="eyebrow">Agent Building and Orchestration</span>
    <h2 className="font-semibold text-base">CrewAI</h2>
    <p>Orchestrate autonomous AI agents using CrewAI.</p>
  </Card>

  <Card href="/en/integrations/langgraph">
    <div className="logo-container text-left">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/langgraph.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=91128f9fdcc04b5b2fc7464cbab8ff96" alt="LangGraph logo" width="1622" height="251" data-path="images/langgraph.svg" />
    </div>

    <span className="eyebrow">Agent Building and Orchestration</span>
    <h2 className="font-semibold text-base">LangGraph</h2>
    <p>Build and orchestrate intelligent agents with LangGraph.</p>
  </Card>

  <Card href="/en/integrations/semantic-kernel">
    <div className="logo-container text-left">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/semantic-kernel.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=ee8d7647ec595efb060eeb5ed6f98016" alt="Semantic Kernel logo" width="819" height="669" data-path="images/semantic-kernel.png" />
    </div>

    <span className="eyebrow">Agent Building and Orchestration</span>
    <h2 className="font-semibold text-base">Semantic Kernel</h2>
    <p>Integrate AI services with Semantic Kernel.</p>
  </Card>
</CardGroup>

## Coding assistants

<CardGroup cols={3}>
  <Card href="/en/integrations/cline">
    <div className="logo-container">
      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
        <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/cline.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=27acfd4c6fd57f6b458d6d1c25bba3c3" alt="Cline icon" style={{ height: '32px' }} width="100" height="32" data-path="images/cline.svg" />
      </div>
    </div>

    <span className="eyebrow">Coding Assistants</span>
    <h2 className="font-semibold text-base">Cline</h2>
    <p>Command-line interface for LLMs.</p>
  </Card>

  <Card href="/en/integrations/continue">
    <div className="logo-container">
      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
        <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/continue.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=5858dffba4c5b6470dea69cfa1424ce8" alt="Continue icon" style={{ height: '32px' }} width="130" height="24" data-path="images/continue.svg" />
      </div>
    </div>

    <span className="eyebrow">Coding Assistants</span>
    <h2 className="font-semibold text-base">Continue</h2>
    <p>AI-powered code editing.</p>
  </Card>

  <Card href="/en/integrations/cursor">
    <div className="logo-container">
      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
        <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/cursor.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=d30d3765f506fdc08d6d7458ed603efc" alt="Cursor icon" style={{ height: '32px' }} width="16" height="16" data-path="images/cursor.svg" />
      </div>
    </div>

    <span className="eyebrow">Coding Assistants</span>
    <h2 className="font-semibold text-base">Cursor</h2>
    <p>AI-powered coding assistant.</p>
  </Card>

  <Card href="/en/integrations/kilocode">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/kilocode.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=f500edae0210dd162e9561c0191927e6" alt="KiloCode logo" width="225" height="225" data-path="images/kilocode.png" />
    </div>

    <span className="eyebrow">Coding assistants</span>
    <h2 className="font-semibold text-base">KiloCode</h2>
    <p>AI-powered autonomous codding assistant</p>
  </Card>

  <Card href="/en/integrations/roocode">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/roocode.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=2475cf8b54d6146eea9ba2bdf2ecc7c9" alt="RooCode logo" width="267" height="267" data-path="images/roocode.svg" />
    </div>

    <span className="eyebrow">Coding assistants</span>
    <h2 className="font-semibold text-base">RooCode</h2>
    <p>AI-powered coding agents.</p>
  </Card>

  <Card href="/en/integrations/vscode">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/vscode.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=fecc4e5916a4d66948875bfe4225505d" alt="VS Code AI Toolkit logo" width="100" height="100" data-path="images/vscode.svg" />
    </div>

    <span className="eyebrow">Coding assistants</span>
    <h2 className="font-semibold text-base">VS Code AI Toolkit</h2>
    <p>Develop AI agents and apps using the lightweight VS Code extension.</p>
  </Card>
</CardGroup>

## Evaluation and monitoring

<CardGroup cols={3}>
  <Card href="/en/integrations/inspectai">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/inspectai.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=9126143b1b9c2163524995a14dc8d725" alt="AI security institutelogo" style={{ height: '32px' }} width="286" height="48" data-path="images/inspectai.svg" />
    </div>

    <span className="eyebrow">Evaluation and monitoring</span>
    <h2 className="font-semibold text-base">Inspect AI</h2>
    <p>Evaluate and benchmark for multiple models and providers</p>
  </Card>

  <Card href="/en/integrations/lm-evalharness">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/lmeval.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=80e22c1f2797d7db8275ed9fbc278c18" alt="LM eval harness logo" style={{ height: '32px' }} width="1175" height="1136" data-path="images/lmeval.png" />
    </div>

    <span className="eyebrow">Evaluation and monitoring</span>
    <h2 className="font-semibold text-base">LM evaluation harness</h2>
    <p>Benchmark models with LM evaluation harness for reproducible, large-scale LLM evaluation.</p>
  </Card>

  <Card href="/en/integrations/weave">
    <div className="logo-container">
      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
        <span style={{ fontSize: '24px', fontWeight: 500 }}>Weave</span>
      </div>
    </div>

    <span className="eyebrow">Evaluation and monitoring</span>
    <h2 className="font-semibold text-base">Weave</h2>
    <p>Debug, evaluate, and improve LLM applications with real-time observability and experimentation.</p>
  </Card>
</CardGroup>

## Hyperscalers

<CardGroup cols={3}>
  <Card href="/en/integrations/aws-marketplace">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/MarketplaceLight.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=a6184cfe1741abba843584ceb107fc67" alt="AWS Marketplace logo" width="80" height="80" data-path="images/MarketplaceLight.svg" />
    </div>

    <span className="eyebrow">Hyperscalers</span>
    <h2 className="font-semibold text-base">AWS Marketplace</h2>
    <p>Deploy SambaNova via AWS Marketplace.</p>
  </Card>

  <Card href="/en/integrations/aws">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/PrivateLink.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=2db19745f7212d5ed58eddc867419776" alt="AWS PrivateLink logo" width="80" height="80" data-path="images/PrivateLink.svg" />
    </div>

    <span className="eyebrow">Hyperscalers</span>
    <h2 className="font-semibold text-base">AWS PrivateLink</h2>
    <p>Secure SambaNova access through AWS PrivateLink.</p>
  </Card>
</CardGroup>

## LLM frameworks

<CardGroup cols={3}>
  <Card href="/en/integrations/aisuite">
    <div className="logo-container">
      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
        <span style={{ fontSize: '24px', fontWeight: 500 }}>AI Suite</span>
      </div>
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">AI Suite</h2>
    <p>Build and deploy AI applications with AI Suite.</p>
  </Card>

  <Card href="/en/integrations/gradio">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/gradio.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=3a47d99534809d00a806b83450aedc9c" alt="Gradio logo" width="2016" height="703" data-path="images/gradio.svg" />
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">Gradio</h2>
    <p>Create interactive AI demos with Gradio.</p>
  </Card>

  <Card href="/en/integrations/haystack">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/haystack.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=3be35f34aff15a6c9a19c968fb4fdde5" alt="Haystack logo" width="2328" height="662" data-path="images/haystack.png" />
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">Haystack</h2>
    <p>Build production-ready LLM applications with Haystack.</p>
  </Card>

  <Card href="/en/integrations/hugging-face">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/hugging-face.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=09efb1f635581c06a2d0a9fa3b0e063c" alt="Hugging Face logo" width="963" height="256" data-path="images/hugging-face.svg" />
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">Hugging Face</h2>
    <p>Use SambaNova models with Hugging Face tools.</p>
  </Card>

  <Card href="/en/integrations/langchain">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/langchain.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=1be7fb6e142a7cae2061a7f22295b0ea" alt="LangChain logo" width="240" height="41" data-path="images/langchain.svg" />
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">LangChain</h2>
    <p>Build LLM applications with LangChain.</p>
  </Card>

  <Card href="/en/integrations/litellm">
    <div className="logo-container" style={{ fontSize: '24px' }}>
      🚅 LiteLLM
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">LiteLLM</h2>
    <p>Standardize API calls across LLM providers with LiteLLM.</p>
  </Card>

  <Card href="/en/integrations/llamaIndex">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/llamaindex.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=7099e3ce23caff77fb90a15c7a4b1c60" alt="LlamaIndex logo" width="434" height="80" data-path="images/llamaindex.svg" />
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">LlamaIndex</h2>
    <p>Use LlamaIndex to build AI applications.</p>
  </Card>

  <Card href="/en/integrations/ls">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/llamastack.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=cf0d4354db033dde2051f9e6bb82220e" alt="Llama Stack logo" width="1500" height="1500" data-path="images/llamastack.png" />
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">Llama Stack</h2>
    <p>Deploy secure, production-ready LLM applications using Llama Stack.</p>
  </Card>

  <Card href="/en/integrations/oumi">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/oumi.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=337858ac59eab66276fb0d0ed762f682" alt="Oumi logo" width="420" height="140" data-path="images/oumi.svg" />
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">Oumi</h2>
    <p>Create LLM-based applications with Oumi.</p>
  </Card>

  <Card href="/en/integrations/vercel">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/vercel.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=79e297c11c0b3ffe562eb6a8294e599a" alt="Vercel logo" width="2048" height="407" data-path="images/vercel.png" />
    </div>

    <span className="eyebrow">LLM Frameworks</span>
    <h2 className="font-semibold text-base">Vercel</h2>
    <p>Deploy LLM applications seamlessly on Vercel.</p>
  </Card>
</CardGroup>

## Low-code platforms

<CardGroup cols={3}>
  <Card href="/en/integrations/dify">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/dify.svg?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=be630ad3aa308b4b254ffbeba78c5081" alt="Vercel logo" width="68" height="30" data-path="images/dify.svg" />
    </div>

    <span className="eyebrow">Low-code Platforms</span>
    <h2 className="font-semibold text-base">Dify</h2>
    <p>Build AI applications using Dify's low-code platform.</p>
  </Card>

  <Card href="/en/integrations/langflow">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/langflow.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=3facd20ddd947db89dc1258cdaf51667" alt="Langflow logo" width="1520" height="470" data-path="images/langflow.svg" />
    </div>

    <span className="eyebrow">Low-code Platforms</span>
    <h2 className="font-semibold text-base">Langflow</h2>
    <p>Design and manage LLM workflows with Langflow.</p>
  </Card>

  <Card href="/en/integrations/make">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/make.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=fb23d519bb587150a5ff0f5c464c3288" alt="Make logo" width="1301" height="800" data-path="images/make.png" />
    </div>

    <span className="eyebrow">Low-code Platforms</span>
    <h2 className="font-semibold text-base">Make</h2>
    <p>Create, build, and automate workflows visually.</p>
  </Card>

  <Card href="/en/integrations/n8n">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/n8n.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=429b86ec2ccbdffb0b2afe0c941bba0c" alt="n8n logo" width="2560" height="1024" data-path="images/n8n.png" />
    </div>

    <span className="eyebrow">Low-code Platforms</span>
    <h2 className="font-semibold text-base">n8n</h2>
    <p>Automate your AI workflows with n8n.</p>
  </Card>
</CardGroup>

## Real-time voice

<CardGroup cols={3}>
  <Card href="/en/integrations/elevenlabs">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/elevenlabs.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=c5b9d65afdba3728cb994137c6316222" alt="ElevenLabs logo" className="scale-75 mx-auto mb-2" width="2082" height="270" data-path="images/elevenlabs.png" />
    </div>

    <span className="eyebrow">Real-time voice</span>
    <h2 className="font-semibold text-base">ElevenLabs</h2>
    <p>Build real-time voice agents with ElevenLabs.</p>
  </Card>

  <Card href="/en/integrations/livekit">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/livekit.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=42fb8177d6ee57edd0b59becbab15b07" alt="LiveKit logo" width="793" height="182" data-path="images/livekit.svg" />
    </div>

    <span className="eyebrow">Real-time voice</span>
    <h2 className="font-semibold text-base">LiveKit</h2>
    <p>Build real-time voice applications with LiveKit.</p>
  </Card>

  <Card href="/en/integrations/pipecat">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/pipecat.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=392e84079d03a26305f720b981f2efc6" alt="Pipecat logo" width="332" height="192" data-path="images/pipecat.svg" />
    </div>

    <span className="eyebrow">Real-time voice</span>
    <h2 className="font-semibold text-base">Pipecat</h2>
    <p>Build AI pipelines with LLMs and speech integration.</p>
  </Card>
</CardGroup>

## Tool and Browser Use

<CardGroup cols={3}>
  <Card href="/en/integrations/browser-use">
    <div className="logo-container">
      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
        <img src="https://mintcdn.com/s2gp1o6hatjv6y4/oklJORWUVvpbyEf9/images/browser-use.png?fit=max&auto=format&n=oklJORWUVvpbyEf9&q=85&s=68c43edb6811c17146762b31702639f0" alt="Browser Use icon" style={{ height: '32px' }} width="200" height="200" data-path="images/browser-use.png" />

        <span style={{ fontSize: '24px', fontWeight: 500 }}>Browser Use</span>
      </div>
    </div>

    <span className="eyebrow">Tool and Browser Use</span>
    <h2 className="font-semibold text-base">Browser Use</h2>
    <p>Run SambaNova in your browser for seamless access.</p>
  </Card>

  <Card href="/en/integrations/fastmcp">
    <div className="logo-container">
      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
        <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/fastmcp.png?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=f8ce9c5faf168d4393b2c14a32e45fcd" alt="Fast MCP icon" style={{ height: '32px' }} width="180" height="180" data-path="images/fastmcp.png" />

        <span style={{ fontSize: '24px', fontWeight: 500 }}>Fast MCP</span>
      </div>
    </div>

    <span className="eyebrow">Tool and Browser Use</span>
    <h2 className="font-semibold text-base">Fast MCP</h2>
    <p>Build lightweight MCP agents with FastMCP’s Python framework.</p>
  </Card>

  <Card href="/en/integrations/instructor">
    <div className="logo-container">
      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
        <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/instructor.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=575cb41697567fa5f6ff8b3270344c46" alt="Instructor icon" style={{ height: '32px' }} width="24" height="24" data-path="images/instructor.svg" />

        <span style={{ fontSize: '24px', fontWeight: 500 }}>Instructor</span>
      </div>
    </div>

    <span className="eyebrow">Tool and Browser Use</span>
    <h2 className="font-semibold text-base">Instructor</h2>
    <p>Generate structured outputs using Instructor.</p>
  </Card>
</CardGroup>

## Vector DB and Search

<CardGroup cols={3}>
  <Card href="/en/integrations/milvus">
    <div className="logo-container">
      <img src="https://mintcdn.com/s2gp1o6hatjv6y4/keaqBZL_C97OATb-/images/milvus.svg?fit=max&auto=format&n=keaqBZL_C97OATb-&q=85&s=9f59b79dcff64c323611e2c88dde93fc" alt="Milvus logo" width="105" height="24" data-path="images/milvus.svg" />
    </div>

    <span className="eyebrow">Vector DB and Search</span>
    <h2 className="font-semibold text-base">Milvus</h2>
    <p>Use Milvus as your vector database.</p>
  </Card>
</CardGroup>

<style jsx>
  {`
    .logo-container {
      display: flex;
      align-items: center; /* Vertically center image in the fixed-size container */
      justify-content: flex-start; /* Horizontally align image to the left in the fixed-size container */
      width: 160px; /* Fixed width for the logo's allocated space */
      height: 40px;  /* Fixed height for the logo's allocated space */
      margin-bottom: 12px; /* Space below logo area */
    }
    .logo-container img {
      max-width: 100%; /* Image will not exceed container width */
      max-height: 100%; /* Image will not exceed container height */
      object-fit: contain; /* Scales image down, preserving aspect ratio, to fit within container */
    }
    `}
</style>