Skip to main content
Glama
captainy7

uikit-registry

by captainy7

uikit-registry 🎨

Registry 13 UI library + MCP server untuk AI.
Cari, bandingin, dan dapetin detail komponen UI dari 13 library populer — langsung dari AI agent (OpenCode, Claude, dll).

npm run mcp-server   →   search_component + get_component + compare_components

✨ Fitur

Fitur

Tools MCP

🔍 Cari komponen di semua library

search_component(query)

📦 Ambil detail komponen + source code + props

get_component(library, component)

⚖️ Bandingin komponen antar library

compare_components(component, libraries?)

13 library UI

shadcn, MUI, Chakra, Antd, Mantine, NextUI, Radix, DaisyUI, PrimeReact, Neobrutalism, Aceternity, Magic UI, Origin UI

Props real dari TypeScript .d.ts

MUI ✅, shadcn ✅

0 runtime dependencies

Node.js aja


Related MCP server: MCP Server Starter Template

🚀 Quick Start

1. Clone & Setup

git clone https://github.com/captainy7/uikit-registry.git
cd uikit-registry
npm install
npm run build

2. Jalankan MCP Server

npm run mcp-server

Output:

🔌 uikit-registry MCP server v2 (data: ./data)
   Tools: search_component, get_component, compare_components
   Libraries: 13

3. Daftarin di OpenCode / Claude

Edit ~/.config/opencode/opencode.json:

{
  "mcpServers": {
    "uikit-registry": {
      "command": "node",
      "args": ["/home/satria/Development/uikit-registry/dist/mcp-server.js"],
      "env": {
        "UIKIT_DATA_DIR": "/home/satria/Development/uikit-registry/data"
      }
    }
  }
}

Restart OpenCode, langsung bisa pake tools uikit-registry.


📦 Data

Library

Komponen

Props

Version

shadcn/ui

358

✅ source code + CVA props

MUI

131

✅ 14+ props dari .d.ts

v9.1.2

Chakra UI

115

v3.36.0

Ant Design

80

v6.4.5

Mantine

114

v9.4.0

NextUI / Heroui

85

v3.2.1

Radix UI

59

DaisyUI

46

v5.5.23

PrimeReact

124

Aceternity UI

88

Magic UI

47

Origin UI

76

Neobrutalism

16

Total

1339


🛠️ Usage Examples (via AI Agent)

Cari komponen:

search_component("button")
→ 11 library punya button

Lihat detail:

get_component("shadcn", "button")
→ import, 4 props (variant, size, className, asChild), source code

Bandingkan:

compare_components("dialog", "shadcn,mui")
→ shadcn: 0 props
→ mui: 20 props (transition, paper, container, backdrop, ...)

📋 Scraping Manual

# Scrape semua library
npm run scrape

# Scrape satu library aja
tsx src/scraper.ts --lib shadcn

# Output: data/{library}/{component}.json
# Index: data/index.json

Scraping otomatis tiap minggu via GitHub Actions (.github/workflows/scrape.yml).


🧪 Tests

npm test
# 125 tests, 0 fail
npm run typecheck
# TypeScript strict, 0 errors

🏗️ Arsitektur

src/
├── scrapers/       # 13 scraper, masing-masing file sendiri
├── mcp/            # MCP server + tools
├── data/           # Data access layer (ComponentStore)
└── shared/         # Types, constants, utils
  • TypeScript strict — semua tipe aman

  • Zero runtime deps — cuma node.js

  • 100% local — gak perlu GitHub API / internet

  • Parallel scraper — 13 library selesai ~1 menit


📄 License

MIT

Install Server
F
license - not found
A
quality
-
maintenance - not tested

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Related MCP Servers

View all related MCP servers

Related MCP Connectors

  • MCP server connecting AI agents to non-custodial staking data across 130+ networks.

  • MCP server for AI agents to plan, verify, and deploy Cloudflare-native apps.

  • 65+ AI tools as MCP: research, write, code, scrape, translate, RAG, agent memory, workflows

View all MCP Connectors

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/captainy7/uikit-registry'

If you have feedback or need assistance with the MCP directory API, please join our Discord server