Best Radix UI MCP Servers
Radix UI is an open-source UI component library for building high-quality, accessible design systems and web applications. It provides unstyled, accessible components that can be styled and composed to create custom user interfaces.
Why this server?
Implements the components.build specification which uses Radix UI primitives library patterns, including support for the asChild/Slot pattern and composable component structures.
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?
Enables searching, retrieving details, and comparing Radix UI components via MCP tools.
FlicenseAquality-maintenanceMCP server enabling AI agents to search, retrieve details, and compare UI components from 13 popular UI libraries.Last updated3Why this server?
Analyzes Radix UI websites, detects UI issues, and generates fix instructions with CSS selectors and property changes.
Alicense-qualityDmaintenanceAnalyzes website UIs using Playwright and provides precise CSS/HTML fix instructions for AI coding assistants like GitHub Copilot and Cursor.Last updated4MITWhy this server?
Provides access to Radix UI libraries including Themes, Primitives, and Colors, allowing AI assistants to retrieve component source code, documentation, and installation guides.
Alicense-qualityDmaintenanceEnables AI assistants to access and work with Radix UI libraries (Themes, Primitives, Colors) by retrieving components, documentation, and installation guides through the Model Context Protocol.Last updated1238MITWhy this server?
Provides accessibility contracts, composition patterns, keyboard interactions, and caveats for Radix UI primitives to ensure accessible component composition.
Flicense-qualityDmaintenanceProvides two MCP servers: Variant Authority for managing component variant manifests and Radix Primitives for accessibility composition using Radix UI. Together they serve as the source of truth for design-to-code workflows.Last updatedWhy this server?
Provides component templates (e.g., modal, dropdown) that leverage Radix UI primitives for accessibility, keyboard navigation, and focus management.
Flicense-qualityDmaintenanceGenerates custom React components following Shadcn UI standards with TypeScript, Tailwind CSS, and accessibility support.Last updated