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

# LobeHub

> Using MixRoute API Key in LobeHub

## Use MixRoute API in LobeHub

This guide shows how to use **MixRoute API** (OpenAI-compatible) in LobeHub instead of the official OpenAI key.

## Step 1: Get a MixRoute API Key

1. Sign up for a [MixRoute account](https://api.mixroute.ai/) and complete basic setup.
2. In the console, go to the **API Keys** page and click `Create new key`.

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-openai-step1.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=398bfbf0a703a4a1430edb0e89a13ac4" alt="Create API key in console" width="3354" height="778" data-path="images/integrations/lobehub-openai-step1.png" />
</Frame>

3. Enter a name for the key in the popup dialog and create it:

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-openai-step2.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=43b9b62d902e2d5b7e1eef312363bd01" alt="Enter name and create key" width="1198" height="2058" data-path="images/integrations/lobehub-openai-step2.png" />
</Frame>

4. Copy the generated API key and store it securely:

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-openai-step3.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=08bd4d05d77ed80861205760d29dd4ec" alt="Copy generated API key" width="3210" height="554" data-path="images/integrations/lobehub-openai-step3.png" />
</Frame>

<Warning>
  For security reasons, the full key is usually shown only once. If you lose it, generate a new key in the console.
</Warning>

## Step 2: Configure MixRoute in LobeHub

1. Open LobeHub and go to the **Settings** page.
2. Under **AI Providers**, find the **OpenAI / custom OpenAI-compatible provider** section.
3. In the provider configuration, fill in:

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-config-fill-key.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=38580b42b7ab3fdbae1886e92f2ec299" alt="Fill API key in LobeHub" width="1578" height="1036" data-path="images/integrations/lobehub-config-fill-key.png" />
</Frame>

In the provider configuration, fill in:

| Field                      | Value                                              |
| -------------------------- | -------------------------------------------------- |
| API Key                    | Paste the API key copied from the MixRoute console |
| Base URL / Custom endpoint | `https://api.mixroute.ai/v1`                       |

4. Save the configuration, then select a model provided by MixRoute from the model list and start chatting.

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-config-select-model.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=2eb593d050bfa20f60cc8295ab2c6139" alt="Select model in LobeHub" width="1568" height="692" data-path="images/integrations/lobehub-config-select-model.png" />
</Frame>

<Warning>
  Usage is billed based on the models you call. Please refer to pricing and usage information in the MixRoute console.
</Warning>

For a full list of models and prices, see the [Model List](https://console.mixroute.ai/models).