export const title = "Gemini integration"
export const description = "Set up an Untitled UI React with Gemini in seconds. Our starter kits include providers, routing, and everything you need to get started."

<Divider />

## Prerequisites

In order to quickly kickstart your project with Untitled UI and Gemini, you need to have Gemini CLI installed in your machine.

Please refer to the [Gemini CLI documentation](https://github.com/google-gemini/gemini-cli?tab=readme-ov-file#quickstart) to install it if you haven't already.

<Divider />

## Start using Untitled UI with Gemini

We have prepared starter kits that you can use with Gemini CLI so that you can get started with Untitled UI in seconds. First, choose your framework:

<div className="not-typography grid grid-cols-1 gap-3 my-8 lg:grid-cols-2">
    <FileCard type="nextjs" href="https://github.com/untitleduico/untitledui-nextjs-starter-kit" title="Next.js starter kit – Untitled UI" subtitle="Click to open Next.js starter kit." />
    <FileCard type="vite" href="https://github.com/untitleduico/untitledui-vite-starter-kit" title="Vite starter kit – Untitled UI" subtitle="Click to open Vite starter kit." />
</div>

Then, clone the chosen starter kit in your local machine:

<CodeTabs>
  <CodeTabList items={[
    { id: "nextjs", label: "Next.js" },
    { id: "vite", label: "Vite" }
  ]}/>
  <CodeTabPanel id="nextjs">
    ```bash
    git clone https://github.com/untitleduico/untitledui-nextjs-starter-kit
    ```
  </CodeTabPanel>
  <CodeTabPanel id="vite">
    ```bash
    git clone https://github.com/untitleduico/untitledui-vite-starter-kit
    ```
  </CodeTabPanel>
</CodeTabs>

Once you have the starter kit in your local machine, you can start using Untitled UI with Gemini CLI by just running the following command in the project directory:

```bash
gemini
```

And now you should be able to freely prompt Gemini to continue developing your project.

<Divider />

## GEMINI.md instructions

Our starter kits include a `GEMINI.md` file that provides Gemini CLI with context about the Untitled UI component library. This file is automatically read by Gemini CLI when you start a session.

If you want to add Untitled UI instructions to an existing project, download the `AGENT.md` file and save it as `GEMINI.md` in your project root:

```bash
curl -o GEMINI.md https://www.untitledui.com/react/AGENT.md
```

Or download it manually: [AGENT.md](https://www.untitledui.com/react/AGENT.md)

<Divider />

## MCP integration

Looking to connect Gemini CLI to the Untitled UI component library via MCP (Model Context Protocol)? Check out our [MCP integration guide](/integrations/mcp) for setup instructions.