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

# Build an app with Google Gemini

> Create apps on Zite with advanced text and image processing.

## How it works

Add AI capabilities for text and image processing with Gemini to your app. This enables it to understand and extract data from user uploads or inputs. By connecting Gemini, you can:

* Process and analyze text and images
* Generate summaries and reports from documents or research
* Classify and categorize images
* Review content for compliance and quality
* Enrich records intelligently

<Info>
  Using Zite's Gemini account/API key in published Zite apps is only available on paid plans. You can still connect your own Google Gemini API key if you want usage billed directly through your Google account.
</Info>

## How to integrate Gemini into your app

<Steps>
  <Step title="Connect to Gemini">
    In the chat box, request your app to be integrated with Gemini or click the `plug icon` <Icon icon="plug" />.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-24-at-2.44.43-PM.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=500b25a2024d3c2895bbb61904c7c399" alt="Screenshot 2026 04 24 At 2 44 43 PM" title="Screenshot 2026 04 24 At 2 44 43 PM" style={{ width:"40%" }} width="695" height="235" data-path="help/images/Screenshot-2026-04-24-at-2.44.43-PM.png" />
  </Step>

  <Step title="Select a version">
    Choose to `Use Zite's account` or use your `Custom API Key`.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-24-at-8.26.15-PM.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=bddf668527a0a93a9982ce17064197c5" alt="Screenshot 2026 04 24 At 8 26 15 PM" title="Screenshot 2026 04 24 At 8 26 15 PM" style={{ width:"61%" }} width="1060" height="544" data-path="help/images/Screenshot-2026-04-24-at-8.26.15-PM.png" />

    <Note>
      Overage charges may apply for excessive usage. Connect your Google Gemini API key to use your own.
    </Note>
  </Step>

  <Step title="Enter use case">
    Tell Zite how you want to use Gemini in your app. For example, we'll enable our app to extract data from uploaded receipts and log them as an expense.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-24-at-4.53.35-PM-1.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=5dbc2669f38811e62a10f8b2e237e492" alt="Screenshot 2026 04 24 At 4 53 35 PM" width="2747" height="1408" data-path="help/images/Screenshot-2026-04-24-at-4.53.35-PM-1.png" />
  </Step>

  <Step title="Deploy and share">
    Use the chat box or the respective buttons in your app to ensure everything's working properly.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-24-at-5.07.39-PM.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=28c53309186a85d8919ebd4208588441" alt="Screenshot 2026 04 24 At 5 07 39 PM" width="1524" height="804" data-path="help/images/Screenshot-2026-04-24-at-5.07.39-PM.png" />

    Click `Publish` in the upper right corner and [**share**](/help/platform/access/share-to-web) your app.

    [Modify the theme](/help/platform/how-to-build/design) or [style specific elements](/help/platform/basics/selective-edits) your app to personalize it or match it with your brand.
  </Step>
</Steps>

## Common use cases

With a Gemini connection, you can create apps like:

* **Expense Approval Tools:** Let employees submit expenses and admins approve or reject them
* **Visual Data Extractors:** Let users pull information from images like receipts, IDs, etc.
* **Document Intelligence Tools:** Let users extract key data from forms and reports
* **Content Review Tools:** Evaluate text and image submissions for quality and compliance
* **Data Enrichment Tools:** Let users enhance records using extracted data from uploads
