MCP Server for finding and implementing the best components considering your project's design style.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add ui-registry -- npx -y ui-registry-mcp~/.codex/config.toml
[mcp_servers.ui-registry]
command = "npx"
args = ["-y", "ui-registry-mcp"]
# codex mcp add ui-registry -- npx -y ui-registry-mcp~/.cursor/mcp.json
{
"mcpServers": {
"ui-registry": {
"command": "npx",
"args": [
"-y",
"ui-registry-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"ui-registry": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"ui-registry-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"ui-registry": {
"command": "npx",
"args": [
"-y",
"ui-registry-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"ui-registry": {
"command": "npx",
"args": [
"-y",
"ui-registry-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"ui-registry": {
"command": "npx",
"args": [
"-y",
"ui-registry-mcp"
]
}
}
}