Open WebUI

Open WebUI is a self-hosted web interface for interacting with LLMs. You can configure it to use AI Gateway for unified model access, spend monitoring, and access to hundreds of models from multiple providers.

1. Create an API key

   Go to the AI Gateway tab of the Vercel dashboard and click API keys to create a new API key.

2. Install Open WebUI

   If you haven't already installed Open WebUI, follow the Open WebUI installation guide. You can deploy it using Docker, Python, or other methods.

3. Configure AI Gateway

   Open WebUI integrates with AI Gateway through a custom function. Choose one of the following methods:

   One-Click InstallManual Install

   1. Visit Vercel AI Gateway Integration
   2. Click Get to install the function to your running Open WebUI instance
   3. Click Save to finish installing
   4. Click the settings icon next to the function to enter your AI Gateway API key

   1. Navigate to Profile Icon > Settings > Admin Settings > Functions
   2. Click New Function
   3. Copy and paste the following function code:

   Show More

   4. Click the settings icon next to the function to enter your AI Gateway API key

   The function handles authentication and request routing to AI Gateway automatically.

4. Start using models

   Select a model from the AI Gateway catalog in the Open WebUI interface. Your requests will now be routed through AI Gateway.

   You can verify this by checking your AI Gateway Overview in the Vercel dashboard.

5. (Optional) Monitor usage and spend

   View your usage, spend, and request activity in the AI Gateway tab of the Vercel dashboard. See the observability documentation for more details.