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

# NexLLM Documentation

> Everything you need to integrate GPT, Claude, and Gemini models through NexLLM's unified OpenAI-compatible API.

<div data-product-guide-index className="flex w-full flex-col gap-8 max-w-5xl mx-auto px-4 md:px-8 lg:px-12 py-10 lg:gap-14 lg:py-16">
  <div className="flex max-w-[540px] flex-col gap-2 self-center text-center">
    <h1 className="text-[30px] font-medium leading-9 tracking-tight text-gray-900 dark:text-gray-50">
      NexLLM Documentation
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      One API key. Every major AI model. Access GPT, Claude, and Gemini through a single OpenAI-compatible endpoint with flexible pricing via channel groups.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <Card title={<span className="product-guide-feature-card-title">Get Started</span>} icon="rocket" href="/introduction" className="product-guide-feature-card" size={64}>
      <span className="product-guide-feature-card-description">Create an account, get your API key, and make your first AI call in minutes.</span>
    </Card>

    <a href="/api-reference/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="code" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">API Reference</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Explore every endpoint: chat completions, embeddings, image generation, audio, and more.
        </span>
      </div>
    </a>

    <a href="/channel-groups/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="layers" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Channel Groups</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Understand how channel groups control model access and adjust your pricing ratio.
        </span>
      </div>
    </a>
  </div>

  <hr className="border-0 border-t border-border" />

  <div className="flex flex-col gap-4">
    <h2 className="font-serif text-xl font-medium leading-normal text-gray-900 dark:text-gray-50">Common tasks</h2>

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
      <a href="/get-started/getting-your-api-keys" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="key" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Create an API key</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Generate and configure an API key with quota limits, expiry, and model restrictions.
          </span>
        </div>
      </a>

      <a href="/get-started/quickstart" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="terminal" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Make your first API call</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Send a chat completion request using curl, Python, or the built-in Playground.
          </span>
        </div>
      </a>

      <a href="/account/wallet-and-top-up" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="wallet" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Top up your wallet</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Add funds to your account balance via Stripe to continue using AI models.
          </span>
        </div>
      </a>

      <a href="/account/usage-logs-and-statistics" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="chart-bar" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">View usage & analytics</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Monitor token consumption, request counts, and cost across all your API keys.
          </span>
        </div>
      </a>

      <a href="/channel-groups/pricing-overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="circle-dollar-sign" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Understand pricing</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Learn how input, output, and cache tokens are priced for GPT, Claude, and Gemini.
          </span>
        </div>
      </a>

      <a href="/models/gpt-series" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="cpu" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Choose a model</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Compare GPT, Claude, and Gemini capabilities to pick the right model for your workload.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>