# UI Registry

Connects coding agents to 12 shadcn-style component libraries. Lets models search roughly 3,700 real UI blocks, compare variants, and check design consistency.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 5
- Author: mrityunjay-tiwari
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/mrityunjay-tiwari/ui-registry-mcp
- Updated: 2026-07-13
- HTML: https://affpapa.org/en/nevibecode/mcp/ui-registry

## What it does

Instead of letting an assistant invent generic UI cards from memory, this server links your editor to live registries containing around 3,700 ready-to-use blocks. It connects to 12 libraries including ReUI, Watermelon UI, Aceternity UI, Tailark, and Kibo UI. It does not rely on outdated mirrors. Every query fetches current code straight from registry endpoints, retaining a short in-memory cache for speed.

Six tools handle the workflow: `list_registries`, `search_components`, `compare_components`, `get_component`, `check_consistency`, and `list_components`. An agent can inspect alternatives side-by-side, grab the exact `npx shadcn add` snippet, and spot styling mismatches. The consistency check scans for hardcoded palette values like `zinc-900`, mismatched corner radii, or missing dark mode classes.

Certain sources mix paid items into their public catalog. Using the `verified` flag during searches is essential to bypass locked assets that would otherwise fail during installation.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add ui-registry-mcp -- npx -y ui-registry-mcp
```

### Codex

**Platform CLI**
```bash
codex mcp add ui-registry -- npx -y ui-registry-mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "ui-registry": {
            "command": "npx",
            "args": [
                "-y",
                "ui-registry-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "ui-registry": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "ui-registry-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add ui-registry npx -y ui-registry-mcp
```

## When to use it
- find ready-made UI components across 12 shadcn-compatible registries
- compare multiple implementations of a widget side by side
- detect styling drift and hardcoded colors across imported blocks
- pull complete component files with proper shadcn installation commands

## Example prompts
- Build a pricing section by comparing components across available registries.
- Insert a data table and verify that its spacing matches the top card.
- Search for verified modal components with dark theme support.

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74569
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4406
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3451

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md