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?
Applies Material-UI best practices to React components including theme spacing, alpha transparency, sx prop usage, and consistent design patterns
AsecurityAlicense-qualityProvides 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 updated772MITWhy 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.
AsecurityFlicense-qualityProvides 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?
Translates design layouts into MUI (Michael UI) Design System web components, supporting comprehensive component sets including inputs, content, layout, feedback, actions, and navigation components
AsecurityFlicense-qualityConverts 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?
Provides comprehensive access to the Material UI (MUI) component library documentation, allowing users to browse over 50 components, search for UI elements by use case, and retrieve detailed documentation, import statements, and customization guides.
-securityFlicense-qualityProvides AI assistants with comprehensive access to Material UI documentation, component details, and setup guides for building React applications. It enables searching through 50+ components and provides structured information on imports, customization, and best practices.Last updated2