Best MUI MCP Servers
MUI is a comprehensive library of React UI components that implements Google's Material Design. It provides developers with pre-built, customizable components to build web applications with a modern, consistent user interface.
Why this server?
Generates UI components using Material-UI (MUI) for React applications.
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.381532MITWhy this server?
Generates framework-aware accessibility fixes for Material-UI components.
AlicenseAqualityDmaintenanceAn MCP server for web accessibility testing that enables scanning, auditing, and fixing WCAG, ADA, and other compliance issues directly from your IDE, with free local scans, AI-generated framework-aware fixes, and verification capabilities.14206MITWhy this server?
Provides component mapping to MUI (Material-UI) components as part of the React code generation pipeline.
AlicenseAqualityCmaintenanceBridge Figma designs to any platform with structured specs for Unity, React, Flutter, SwiftUI, and more, including layout audit, design tokens, and accessibility checks.19128MITWhy this server?
Maps HTML elements to MUI components with confidence scoring for component extraction.
AlicenseAqualityDmaintenanceAn intelligent MCP server for Google Stitch that generates production-ready UI from text prompts, with auto-orchestration of design systems, WCAG accessibility, responsive breakpoints, and framework conversion (React, Vue, Svelte).17168MITWhy this server?
Translates design layouts into MUI (Michael UI) Design System web components, supporting comprehensive component sets including inputs, content, layout, feedback, actions, and navigation components
FlicenseBqualityDmaintenanceConverts Figma designs into production-ready MUI (Michael UI) web components through the Model Context Protocol. Enables seamless design-to-code workflow by transforming Figma exports into accessible, standards-compliant web components.12Why this server?
Applies Material-UI best practices to React components including theme spacing, alpha transparency, sx prop usage, and consistent design patterns
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.7114MITWhy this server?
Integrates MUI (Material-UI) components and the Mantis Admin template for building user interfaces.
FlicenseAqualityDmaintenanceAI-driven module selection and scaffold generation for hybrid web applications. Enables automatic dependency resolution and project structure creation via natural language queries.4Why this server?
Enables searching, retrieving details (with props from TypeScript definitions), and comparing MUI components via MCP tools.
FlicenseAqualityNot gradedmaintenanceMCP server enabling AI agents to search, retrieve details, and compare UI components from 13 popular UI libraries.3Why this server?
Dynamically fetches and provides real-time information for Material-UI components from official documentation, including component props, usage examples, code generation, and search across 42+ MUI components for inputs, data display, feedback, surfaces, navigation, layout, and utilities.
FlicenseBqualityDmaintenanceProvides real-time access to Material-UI component documentation, enabling users to search, browse, and generate MUI React components with up-to-date props and examples directly from official documentation.5