Gemini integration
Set up an Untitled UI React with Gemini in seconds. Our starter kits include providers, routing, and everything you need to get started.
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 to install it if you haven't already.
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:
Next.js starter kit – Untitled UI
Click to open Next.js starter kit.
Vite starter kit – Untitled UI
Click to open Vite starter kit.
Then, clone the chosen starter kit in your local machine:
git clone https://github.com/untitleduico/untitledui-nextjs-starter-kit
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:
gemini
And now you should be able to freely prompt Gemini to continue developing your project.
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:
curl -o GEMINI.md https://www.untitledui.com/react/AGENT.md
Or download it manually: AGENT.md
MCP integration
Looking to connect Gemini CLI to the Untitled UI component library via MCP (Model Context Protocol)? Check out our MCP integration guide for setup instructions.
FAQs
Please refer to our frequently asked questions page for more.
You need Gemini CLI installed on your machine. Then clone our Next.js or Vite starter kit and run gemini in the project directory.
It gives Gemini CLI context about the Untitled UI component library. Gemini CLI reads it automatically when you start a session in the project.
Download our AGENT.md file and save it as GEMINI.md in your project root: curl -o GEMINI.md https://www.untitledui.com/react/AGENT.md. It's the same file we use for CLAUDE.md, saved under the name Gemini CLI looks for.
Yes, once you connect the Untitled UI MCP server with gemini mcp add --transport http untitledui https://www.untitledui.com/react/api/mcp. Gemini CLI can then search the library and run the CLI command that installs a component. See the MCP integration guide for details.
Add the MCP server without any headers and Gemini CLI handles the OAuth login when you access a PRO component. To use an API key instead, add --header "Authorization: Bearer YOUR_API_KEY" to the gemini mcp add command.