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.