21st.dev for Gemini CLI

dev.21st/mcp

Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.

client:Gemini CLI transport:streamable-http

Install 21st.dev in Gemini CLI

~/.gemini/settings.json · windows: %USERPROFILE%\.gemini\settings.json

{
  "mcpServers": {
    "mcp": {
      "httpUrl": "https://21st.dev/api/mcp"
    }
  }
}

Gemini expands $VAR and ${VAR} inside env values, so a secret can live in your shell rather than this file. Gemini CLI docs