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.3867 npm2MITWhy 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).1718 npm9MITWhy this server?
Generates framework-aware accessibility fixes for Material-UI components.
AlicenseAqualityBmaintenanceFree WCAG 2.2 / ADA / Section 508 accessibility MCP: scan pages, get AI fixes, verify them, run a vision audit, and scan localhost through a secure tunnel. Sign in with a free account for full audits.20142 npmMITWhy this server?
Integrates MUI (Material-UI) components and the Mantis Admin template for building user interfaces.
AlicenseAqualityDmaintenanceAI-driven module selection and scaffold generation for hybrid web applications. Enables automatic dependency resolution and project structure creation via natural language queries.4MITWhy this server?
Provides component mapping to MUI (Material-UI) components as part of the React code generation pipeline.
AlicenseAqualityDmaintenanceBridge Figma designs to any platform with structured specs for Unity, React, Flutter, SwiftUI, and more, including layout audit, design tokens, and accessibility checks.1915 npm8MITWhy this server?
Supports Material UI as a target stack, rendering real @mui/material components and using the sx prop for styles.

Vellooofficial
AlicenseNot gradedqualityCmaintenanceVelloo is a local design canvas that a coding agent drives over MCP: it composes screens from the app's own component library, places alternatives side by side for review, and hands the chosen screen back as framework-native code.152 npm10Apache 2.0Why 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.75 npm4MITWhy 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-Why 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.12-