Best shadcn/ui MCP Servers
Beautifully designed components built with Radix UI and Tailwind CSS
Why this server?
Generates UI components using shadcn/ui for React and Vue.
AlicenseBqualityFmaintenanceEnables 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.Last updated381641MITWhy this server?
Provides access to shadcn/ui component documentation and examples, including component listings, detailed information, usage examples, and search functionality.
AlicenseAqualityDmaintenanceProvides reference information for shadcn/ui components through a Model Context Protocol server that helps AI assistants access component documentation and examples.Last updated41,620MITWhy this server?
Provides reference information for shadcn/ui components, including component listings, detailed documentation, usage examples, and search functionality. Scrapes and caches data from the official documentation site and GitHub repository.
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.Last updated41,62059MITWhy 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.
AlicenseAqualityCmaintenanceA mcp server to allow LLMS gain context about shadcn ui component structure,usage and installationLast updated103,0632,830MITWhy this server?
Recommends and generates UI components compatible with shadcn/ui component library standards and patterns
AlicenseAqualityBmaintenanceA 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.Last updated302,64533MITWhy 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.
AlicenseBqualityDmaintenanceProvides 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.Last updated113Apache 2.0Why this server?
Generates production-ready React components using shadcn/ui patterns and includes a shadcn registry server for component management and distribution.
AlicenseBqualityAmaintenanceDesign 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.Last updated4119213MITWhy this server?
Allows scaffolding React components from 41 shadcn/ui templates.
AlicenseAqualityAmaintenance9 MCP servers for React + TypeScript development automation — component scaffolding, dependency auditing, WCAG accessibility checking, test generation, TypeScript enforcement, and monorepo management. 134 tests, CI on Node 20+22.Last updated73572MITWhy this server?
Provides tools for accessing shadcn/ui v4 component source code, demos, blocks, metadata, and CLI integration for installing and managing components in projects.
AlicenseAqualityDmaintenanceEnables AI assistants to access and manage shadcn/ui v4 components, including source code, demos, blocks, and CLI integration.Last updated1259MIT