> ## Documentation Index
> Fetch the complete documentation index at: https://vibecodeapp-dev-add-troubleshooting-guide.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# API Integrations

> Use AI models, data APIs, and more in your app—all billed through Vibecode credits at no markup

Vibecode comes with a library of API integrations you can add to your app. AI models, image generators, weather data, stock prices, and more—all proxied securely through your backend and billed directly to your **Vibecode credits at no additional markup**.

No separate accounts. No API keys to manage. Just tell the AI what you need and it wires it up.

Browse pricing and details at [vibecodeapp.com/integrations](https://www.vibecodeapp.com/integrations).

## How it works

1. **Tell the AI what you need** — "Add AI chat to my app" or "Let users generate images"
2. **The AI adds the integration** — It sets up the API call in your backend, keeping keys secure
3. **Usage is billed to your credits** — No external accounts, no extra configuration

All API calls go through your backend server, so your keys are never exposed to users.

<Tip>
  You can use multiple integrations in the same app. A recipe app could use GPT for generating recipes, DALL-E for food images, and OpenWeather for seasonal suggestions—all from the same Vibecode credits.
</Tip>

## Text Generation (AI Chat)

Build chatbots, assistants, content generators, and more with leading AI models.

<CardGroup cols={3}>
  <Card title="OpenAI GPT-5 Mini" icon="message-bot" href="/integrations/openai-gpt-5-mini">
    Fast, advanced AI chatbot from OpenAI
  </Card>

  <Card title="Google Gemini 2.5 Flash" icon="message-bot" href="/integrations/google-gemini">
    Fast and efficient model from Google
  </Card>

  <Card title="Grok 4 Fast" icon="message-bot" href="/integrations/grok-4-fast">
    Fun and engaging AI model from xAI
  </Card>
</CardGroup>

## Image Generation

Let users create and edit images with AI.

<CardGroup cols={3}>
  <Card title="OpenAI GPT Image 1" icon="image" href="/integrations/openai-gpt-image-1">
    High-quality image generation
  </Card>

  <Card title="Nano Banana" icon="image" href="/integrations/nano-banana">
    Best-in-class AI image editing
  </Card>

  <Card title="Ideogram 3.0" icon="image" href="/integrations/ideogram-3">
    Image generation with text and character consistency
  </Card>
</CardGroup>

## Audio

Add voice, music, and sound to your app.

<CardGroup cols={3}>
  <Card title="ElevenLabs TTS" icon="volume-high" href="/integrations/elevenlabs-tts">
    Fast text-to-speech
  </Card>

  <Card title="ElevenLabs Music" icon="music" href="/integrations/elevenlabs-music">
    Generate music from text
  </Card>

  <Card title="ElevenLabs Sound Effects" icon="waveform" href="/integrations/elevenlabs-sound-effects">
    Generate sound effects from text
  </Card>

  <Card title="Audio Transcription" icon="microphone" href="/integrations/gpt-4o-audio-transcription">
    Speech-to-text with OpenAI GPT-4o
  </Card>
</CardGroup>

## Data APIs

Pull in real-world data—maps, weather, stocks, movies, and more.

<CardGroup cols={3}>
  <Card title="Apple Maps" icon="map" href="/integrations/apple-maps">
    Mapping and location services
  </Card>

  <Card title="OpenWeather" icon="cloud-sun" href="/integrations/openweather-api">
    Weather data and forecasts
  </Card>

  <Card title="Stock Market Data" icon="chart-line" href="/integrations/stock-market-data">
    Real-time and historical stock prices
  </Card>

  <Card title="Crypto Market Data" icon="bitcoin-sign" href="/integrations/crypto-market-data">
    Real-time and historical crypto prices
  </Card>

  <Card title="TMDB" icon="film" href="/integrations/tmdb">
    Movie and TV show database
  </Card>
</CardGroup>

## Communication

Send emails and push notifications to your users.

<CardGroup cols={2}>
  <Card title="Resend Email" icon="envelope" href="/integrations/resend-email">
    Modern email API
  </Card>

  <Card title="Push Notifications" icon="bell" href="/integrations/expo-push-notifications">
    Cross-platform notifications via Expo
  </Card>
</CardGroup>

## Device Features

Use built-in phone capabilities.

<CardGroup cols={2}>
  <Card title="Haptic Feedback" icon="hand-point-up" href="/integrations/haptic-feedback">
    Tactile feedback for mobile apps
  </Card>

  <Card title="Runtime Logs" icon="terminal" href="/integrations/runtime-logs">
    Real-time debugging and logging
  </Card>
</CardGroup>

## Pricing

All integrations are billed through your Vibecode credits at the same price the providers charge—**no markup**. See per-integration pricing and details at [vibecodeapp.com/integrations](https://www.vibecodeapp.com/integrations).

<Note>
  **Need help?** Reach out via live support chat in the app for the fastest
  support. You can also join our [Discord
  community](https://discord.gg/qXyWYYX5Ts) to connect with other Vibecode
  builders.
</Note>