12 #ui MCP Servers & Clients
Every MCP server and client below is tagged #ui — install one to give Claude, Cursor, VS Code, or any other MCP-compatible client access to ui tools.
すべて
Shadcn UI MCP Server
Jpisnice
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
MCP Router
mcp-router
A Unified MCP Server Management App (MCP Manager).
Vibe Design System
mondaycom
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
Untitledui Mcp
sbilde
An MCP for Untitled UI components.
Ask m' AI
rainu
A scriptable and powerful UI-Chat-Application for chatting with most Gen-AI LLMs
Mowgli
mowgli-ai
Mowgli is an intelligent product canvas that connects to your coding agent over MCP or as an Agent Skill. Use it to turn an existing frontend or GitHub repo into pixel-perfect, editable React + Tailwind designs, iterate on them in natural language, and sync the results back into
Color Palette X402
Br0ski777
MCP server for generating color palettes — complementary, analogous, triadic, split-complementary schemes from any base color. Returns HEX, RGB, HSL values. Pay-per-use via x402 protocol (USDC on Base). Use this when you need design color schemes.
Ai Canvas Mcp (@aicanvas/mcp)
uiNerd16
Browse and install 75+ free animated, shadcn-compatible React components from AI Canvas, each with AI reproduction prompts. Read-only MCP server over the live aicanvas.me registry; eight tools.
Penpot Mcp
montevive
Penpot MCP is a revolutionary Model Context Protocol (MCP) server that bridges the gap between AI language models and Penpot, the open-source design and prototyping platform. This integration enables AI assistants like Claude (in both Claude Desktop and Cursor IDE) to understand,
MetricUI
mpmcgowen
MCP server for MetricUI, a React dashboard component library. Gives AI coding tools access to full API references, working code examples, format suggestions, prop validation, and complete dashboard scaffolding for building analytics UIs.
Icons8 MCP Server
icons8
Icons8 MCP Server gives AI coding environments instant access to 368,865+ Icons8 icons across 116 design styles. Connect your Claude, Cursor, Windsurf, VS Code, or any SSE-capable MCP host to stream high-res PNGs for free or unlock full SVG delivery with an API key—ideal for prot
Page Design Guide Mcp Server
chihebnabil
An MCP (Model Context Protocol) server that provides design guidance to help LLMs generate better, more modern web pages. This server focuses on teaching design principles and best practices rather than providing code templates.
Frequently asked questions
What is a #ui MCP server?
- An MCP server tagged #ui implements the Model Context Protocol so AI assistants like Claude, Cursor, and VS Code can access ui-related tools, data, or APIs.
How many #ui MCP servers and clients are there?
- mcp.so currently lists 12 MCP servers and clients tagged #ui.
How do I install a #ui MCP server?
- Open any server below and copy its install snippet into Claude Desktop, Cursor, VS Code, or another MCP client's configuration — remote servers need no separate download.