Enables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.
38
69 npm
2
MIT
Why this server?
Provides access to the Keyline Icons set, an icon library drawn for shadcn/ui (1,366 icons across stroke, two-tone, duotone and fill styles, in rounded and sharp corner treatments). Agents can search the set, fetch ready-to-paste SVG source in any style/corner combination, and get React import lines and JSX so icons can be pulled into a shadcn/ui project instead of being guessed or hand-drawn.
Search the Keyline Icons set by name and fetch any icon's SVG source or React import, in four styles with rounded or sharp corners. Runs locally, no key needed.
4
160
MIT
Why this server?
Provides comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata, allowing AI assistants to retrieve component source code, example implementations, block implementations, dependencies, and repository structure information.
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation
10
5,131 npm
3,043
MIT
Why this server?
Provides a tool to judge whether a UI component requirement should be met with an existing shadcn/ui component, scoring coverage and returning a structured verdict for use_existing or custom_build.
Enables AI agents to receive a structured verdict on whether a UI component need can be satisfied by existing shadcn/ui or 21st.dev components or requires a custom build, with coverage scoring against real component evidence and a Mobbin reference when needed.
1
576 npm
9
MIT
Why this server?
Provides access to shadcn/ui component documentation and examples, including component listings, detailed information, usage examples, and search functionality.
Provides reference information for shadcn/ui components through a Model Context Protocol server that helps AI assistants access component documentation and examples.
4
507 npm
MIT
Why this server?
Recommends and generates UI components compatible with shadcn/ui component library standards and patterns
A comprehensive development toolkit with 23 tools covering code quality analysis, development efficiency, and project management. Enables AI-assisted code review, test generation, performance analysis, SQL generation, UI component creation, and automated project documentation.
29
414 npm
39
MIT
Why this server?
Facilitates the creation of UI components that utilize the shadcn/ui library for consistent and accessible design patterns.
Enables the generation and iterative refinement of React UI components from natural language descriptions or design images using Vercel's v0 API. It provides tools for design-to-code workflows and chat-based component development within Claude, Cursor, and other MCP environments.
4
11 npm
19
MIT
Why this server?
Provides tools for grading, generating, and validating UI components against the components.build specification, which shadcn co-authored and serves as the reference implementation.
Provides AI assistants with tools to grade, generate, and validate UI components against the components.build specification. Supports searching documentation, checking compliance, and generating framework-agnostic accessible components.
11
8 npm
Apache 2.0
Why this server?
Generates production-ready React components using shadcn/ui patterns and includes a shadcn registry server for component management and distribution.
Design system MCP server. 20 tools: extract design tokens from any URL, pull from Figma or Penpot, generate React + shadcn/ui components from specs, run WCAG audits, sync tokens bidirectionally.
