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

# FriendliAI Docs

> FriendliAI provides fast, affordable, and reliable AI inference at scale. Explore guides, API reference, examples, and product quickstarts.

export const LandingLink = ({href, className, children}) => <a className={className} href={href}>
    {children}
  </a>;

<div className="landing-page">
  <div className="landing-wrap">
    <section className="landing-hero">
      <div className="landing-hero-left">
        <h1>FriendliAI Docs</h1>

        <p>
          With FriendliAI, your team gets fast, affordable, and reliable AI inference at scale.
        </p>

        <p>
          Start with Model APIs, a curated set of popular, open-weight models that are ready for you today.
        </p>

        <p>
          If you want to run <em>any</em> model — including your own — on dedicated GPUs, try Dedicated Endpoints.
        </p>

        <LandingLink className="landing-btn-start" href="/guides/introduction/overview">
          Start Building

          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
            <path d="M5 12h14" />

            <path d="M12 5l7 7-7 7" />
          </svg>
        </LandingLink>
      </div>

      <div className="landing-hero-illustration" aria-hidden="true">
        <div className="landing-illustration-grid" />

        <div className="landing-illustration-mark">
          <div className="landing-mark-outer">
            <div className="landing-mark-inner">
              <img alt="" src="https://mintcdn.com/friendliai/En4LBugw4nlETbRn/static/svgs/icons/container-fill.svg?fit=max&auto=format&n=En4LBugw4nlETbRn&q=85&s=1c647b204673566c5c80055b1a45c7fb" width="36" height="36" data-path="static/svgs/icons/container-fill.svg" />
            </div>
          </div>
        </div>
      </div>
    </section>

    <div className="landing-section-cards">
      <LandingLink className="landing-section-card" href="/guides/introduction/overview">
        <div className="landing-section-card-icon">
          <Icon icon="book-open" size={36} color="var(--landing-blue-fg)" />
        </div>

        <h2>Guides</h2>
        <p>Learn about inference and FriendliAI by reading how-tos and best-practice articles.</p>

        <span className="landing-card-arrow">
          Read the Guides

          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
            <path d="M5 12h14" />

            <path d="M12 5l7 7-7 7" />
          </svg>
        </span>
      </LandingLink>

      <LandingLink className="landing-section-card" href="/openapi/introduction">
        <div className="landing-section-card-icon">
          <Icon icon="book" size={36} color="var(--landing-blue-fg)" />
        </div>

        <h2>Reference</h2>
        <p>Look up the API's operations and parameters. For example, learn how to use the Chat Completions API.</p>

        <span className="landing-card-arrow">
          View the Reference

          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
            <path d="M5 12h14" />

            <path d="M12 5l7 7-7 7" />
          </svg>
        </span>
      </LandingLink>

      <LandingLink className="landing-section-card" href="/guides/tutorials">
        <div className="landing-section-card-icon">
          <Icon icon="code" size={36} color="var(--landing-blue-fg)" />
        </div>

        <h2>Examples</h2>
        <p>Explore real-world use cases and see what you can do with FriendliAI.</p>

        <span className="landing-card-arrow">
          Browse the Examples

          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
            <path d="M5 12h14" />

            <path d="M12 5l7 7-7 7" />
          </svg>
        </span>
      </LandingLink>
    </div>

    <section className="landing-examples-section">
      <div className="landing-section-header">
        <h2>Featured Articles</h2>

        <LandingLink className="landing-see-all" href="/guides/introduction/overview">
          All Articles

          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
            <path d="M5 12h14" />

            <path d="M12 5l7 7-7 7" />
          </svg>
        </LandingLink>
      </div>

      <div className="landing-examples-grid">
        <LandingLink className="landing-example-card" href="/guides/introduction/get-started">
          <span className="landing-example-tag">Model APIs</span>
          <h3>Get Started with FriendliAI</h3>
          <p>Create an API key and send your first request. Once you complete these steps, you're ready to use your agent or SDK with FriendliAI.</p>
        </LandingLink>

        <LandingLink className="landing-example-card" href="/integrate/overview">
          <span className="landing-example-tag">Model APIs</span>
          <h3>Use Your Agent or SDK</h3>
          <p>Set up your favorite coding agent or SDK with FriendliAI to build your next project. You get fast, cost-efficient, and reliable open-weight models without changing how you work.</p>
        </LandingLink>

        <LandingLink className="landing-example-card" href="/integrate/agents/claude-code">
          <span className="landing-example-tag">Model APIs</span>
          <h3>Use Claude Code</h3>
          <p>Set up Claude Code to connect to FriendliAI. Once you complete these steps, your agent will send requests to FriendliAI.</p>
        </LandingLink>
      </div>
    </section>
  </div>
</div>