Best shadcn/ui MCP Servers
Beautifully designed components built with Radix UI and Tailwind CSS
Why this server?
Generates production-ready React components using shadcn/ui patterns and includes a shadcn registry server for component management and distribution.
AlicenseAqualityCmaintenanceDesign 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 updated1205027MITWhy this server?
Provides access to shadcn/ui component documentation and examples, including component listings, detailed information, usage examples, and search functionality.
AlicenseAqualityCmaintenanceProvides reference information for shadcn/ui components through a Model Context Protocol server that helps AI assistants access component documentation and examples.Last updated41,523MITWhy 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.
AlicenseAqualityCmaintenanceHelps 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,52359MITWhy 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.
AlicenseAqualityBmaintenanceA mcp server to allow LLMS gain context about shadcn ui component structure,usage and installationLast updated102,2772,759MITWhy this server?
Recommends and generates UI components compatible with shadcn/ui component library standards and patterns
AlicenseBqualityBmaintenanceA 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 updated234634MITWhy 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.
AlicenseBqualityCmaintenanceProvides 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 updated119Apache 2.0Why this server?
Provides tools for component and block management for shadcn/ui, allowing users to list, view documentation for, and install shadcn/ui components and blocks
AlicenseCqualityCmaintenanceA 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.Last updated620324MITWhy this server?
Mentioned as part of the dashboard technology stack for the web UI
AlicenseCqualityCmaintenanceA Model Context Protocol server that exposes OpenAI and Gemini AI models through a single interface, allowing tools like Claude Code and Cursor to access multiple AI providers with built-in usage analytics.Last updated2744274MITWhy this server?
Uses shadcn/ui design system principles for building LinkedIn content components with variant-based architecture and composable patterns
Alicense-qualityDmaintenanceEnables creation of optimized LinkedIn posts using a component-based design system with variants, themes, and composition patterns. Supports multiple post types (text, document, poll, video, carousel) with research-backed optimization for maximum engagement.Last updated2Apache 2.0