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.Last updated381391MITWhy this server?
Generates framework-aware accessibility fixes for Material-UI components.
AlicenseAqualityBmaintenanceAn 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.Last updated1436MITWhy 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).Last updated17127MITWhy 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.Last updated12Why 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.Last updated724MITWhy this server?
Enables searching, retrieving details (with props from TypeScript definitions), and comparing MUI 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?
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.Last updated5Why this server?
Supports Material-UI (MUI) as a component library for code generation, using actual MUI imports instead of generic HTML.
Alicense-qualityDmaintenanceConnects Figma designs to React components using your actual component library, enabling AI tools to generate production-ready code with proper imports.Last updated1MITWhy this server?
Provides component mapping to MUI (Material-UI) components as part of the React code generation pipeline.
Alicense-qualityCmaintenanceBridge Figma designs to any platform with structured specs for Unity, React, Flutter, SwiftUI, and more, including layout audit, design tokens, and accessibility checks.Last updated165MIT