A
licenseA
qualityB
maintenanceProvides comprehensive UI design assistance tools for LLMs, generating color palettes, typography, spacing systems, shadows, design tokens, and more via the MCP protocol.
28
MIT
74,316 servers. Updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
Matching MCP Connectors:
io.github.BlueStarSystem
dev.workers.annondeveloper.ui-kit-mcp
io.github.mahmoudilyan
tech.ydb-qdrant
"A resource for finding UI designers or information about UI design" matching MCP servers:
- Alicense-qualityAmaintenanceNative Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility53MIT
- FlicenseDqualityDmaintenanceA Model Context Protocol server that provides access to Magic UI components, allowing AI assistants and other MCP clients to discover and use UI components from the Magic UI design system.214
- AlicenseBqualityDmaintenanceProvides professional UI/UX design expertise and frontend development tools for analyzing interfaces, generating design systems, and creating modern components with accessibility and best practices built-in. Supports React, Vue, Angular and other frameworks with seamless Claude Code CLI integration.422MIT
- AlicenseAqualityDmaintenanceProvides AI assistants with comprehensive access to Gluestack UI components, source code, and examples for React Native development.6223MIT
- AlicenseAqualityDmaintenanceHelps AI assistants access shadcn/ui component documentation and examples through a TypeScript-based MCP server that provides reference information for component details, usage examples, and search capabilities.477660MIT
- AlicenseAqualityDmaintenanceProvides reference information for shadcn/ui components through a Model Context Protocol server that helps AI assistants access component documentation and examples.4776MIT
- FlicenseBqualityBmaintenanceEnables comparison of mobile app screenshots against design mockups, with Calorix as the first integration target.7
- AlicenseCqualityDmaintenanceA Model Control Protocol server that allows users to discover, install, and manage Shadcn UI components and blocks through natural language interactions in compatible AI tools.64925MIT
- Alicense-qualityBmaintenanceA sophisticated server that enables users to create, customize, and generate interactive UI components with features like dynamic form building, dashboard creation, and chart generation through a modern glassmorphism interface.8MIT
- Flicense-qualityDmaintenanceEnables dynamic UI template generation through natural language using Model Context Protocol, supporting multiple AI model providers like Bedrock, OpenAI, and Google.6
- AlicenseBqualityCmaintenanceEnables AI-powered generation, customization, and documentation of its-just-ui React components. Provides tools for component generation, theme management, form creation, responsive layouts, and accessibility guidance.9234MIT
Grafana UI MCP Serverofficial
AlicenseCqualityDmaintenanceProvides AI assistants with comprehensive access to Grafana's React component library, including TypeScript source code, MDX documentation, Storybook examples, test files, and design system tokens for building Grafana-compatible interfaces.1149MIT- AlicenseCqualityDmaintenanceProvides AI-powered tools to apply UX/UI best practices, Nielsen's heuristics, cognitive biases, and Material-UI patterns to React components. Enables automated application of responsive design, Apple design patterns, and complete UX guidelines through natural language commands.7114MIT
- Alicense-qualityDmaintenanceEnables discovery of ComfyUI nodes and building/managing workflows with real-time execution via WebSocket. Provides 50+ tools for node discovery, workflow building, template usage, model management, and batch/chain execution.2142MIT
- Flicense-qualityBmaintenanceEnables deploying a remote MCP server on Cloudflare Workers without authentication, allowing customization of tools for AI interaction.
- Flicense-qualityDmaintenanceExposes the Grocers Design System as queryable tools for coding agents, including design tokens, UI components, brand foundations, and a skill manifest.
- Flicense-qualityDmaintenanceAn MCP server that connects to the Resource Hub, allowing centralized configuration and management of tools and resources across different MCP environments.4
- Alicense-qualityDmaintenanceAn MCP server that enables AI agents to pause and request human approval or information via Slack, Telegram, or macOS dialogs before proceeding with actions.14Apache 2.0
- Flicense-qualityCmaintenanceA minimal MCP server that provides an interactive to-do list with checkboxes in chat, demonstrating MCP Apps UI resource integration and tool-based state updates.