LobeChat

Modern web AI chat framework with plugin ecosystem and multi-model support

Introduction

LobeChat is a beautiful, feature-rich open-source AI chat web application. Its user-side API settings allow you to plug in any OpenAI-compatible endpoint or Anthropic API — no self-hosting required. Connect TokenMix in under two minutes and access all supported models through LobeChat's polished interface.

Prerequisites

• Access LobeChat at lobechat.com in your browser, or self-host via Docker (docker run -d -p 3210:3210 lobehub/lobe-chat).
• Sign up at tokenmix.ai and get your API Key from Console → API Keys (starts with sk-tm-).

Setup Steps

Option A — OpenAI-Compatible API

1. In LobeChat, click the Settings icon (⚙️) in the upper-left or sidebar.
2. Navigate to Language Models → OpenAI.
3. Enter your API Key in the OpenAI API Key field: sk-tm-xxx
4. In the API Proxy Address field, enter: https://api.tokenmix.ai/v1
5. Click the Check icon to verify connectivity.
6. Scroll down to the model list and enable the models you want (e.g. claude-sonnet-4.6, gpt-5.4), or add custom model IDs.

Option B — Anthropic API

1. Go to Settings → Language Models → Anthropic.
2. Enter your key in the Anthropic API Key field: sk-tm-xxx
3. In the API Proxy Address, enter: https://api.tokenmix.ai/v1
4. Enable models like claude-sonnet-4.6 or claude-opus-4.8.

Verify

Open a new conversation in LobeChat. Select your configured model from the model dropdown in the chat header. Send a test message — a response confirms everything is working.

FAQ

Q: I see "Invalid API Key" errors. A: Double-check the API Proxy Address ends with /v1. The key should be copied directly from the TokenMix console without modification.

Q: The model I added isn't appearing in the chat selector. A: After adding a custom model ID in settings, refresh the page. The model should appear in the model dropdown within the new chat screen.

Q: Can I use LobeChat with self-hosting and point it to TokenMix? A: Yes. Set the environment variable OPENAI_API_KEY=sk-tm-xxx and OPENAI_PROXY_URL=https://api.tokenmix.ai/v1 in your Docker compose or .env file before starting LobeChat.