Best Material Design MCP Servers
Material Design is a design system created by Google that provides guidelines for visual, motion, and interaction design across platforms and devices.
Why this server?
Provides access to Material Design icons (7,000+ icons) via the mdi prefix for search, retrieval, and use in applications.
AlicenseBqualityCmaintenanceEnables searching, retrieving, converting, and optimizing 200,000+ icons across 150+ libraries, with batch fetching, colored variants, SVG sprite creation, and SVGO compression. Supports single or multi-icon retrieval by keyword, category, or library prefix.96 npmMITWhy this server?
Integrates Material Design principles into the analysis of Android and web interface code.
AlicenseBqualityDmaintenanceAn MCP server for auditing and analyzing user interfaces across 20 platforms based on 30 fundamental UX laws. It provides automated code detection, platform-specific checklists, and comparative analysis to optimize design usability.373 npm2MITWhy this server?
Provides dashboard templates using Material Design for professional layouts.
AlicenseAqualityDmaintenanceAn MCP server that enables AI assistants to create interactive visualizations, perform statistical analysis, run auto-EDA, and build dashboards using the HoloViz ecosystem with self-contained HTML output.36MITWhy this server?
Provides access to the official Material Design 3 documentation, including Foundations, Styles, and Components, returning content as Markdown.
AlicenseAqualityAmaintenanceProvides AI assistants access to live Material Design 3 documentation including Foundations, Styles, and Components, returning official content as Markdown.35 npm1MITWhy this server?
Applies Material Design guidelines for audits, including 48dp touch targets and contrast recommendations for Android apps.
AlicenseNot gradedqualityCmaintenanceProvides mobile UI/UX design intelligence tools for Flutter and React Native, enabling app research, palette extraction, WCAG contrast audits, touch target validation, tech stack detection, and generation of icons, splash screens, and theme code.MITWhy this server?
Provides access to Material Design 3 knowledge, including components and patterns.
AlicenseNot gradedqualityCmaintenanceEnables AI-powered access to authoritative design systems knowledge, including W3C standards, WCAG guidelines, and best practices from 188+ curated entries via semantic vector search.4 npm211MITWhy this server?
Provides tools to search and retrieve icons from the Material Design icon library.
AlicenseNot gradedqualityCmaintenanceProvides access to over 200,000 icons from 150+ collections with features for searching, recommendations, and direct file synchronization. It supports multiple frameworks and optimizes AI performance by writing icon code directly to project files.363 npm1,287MITWhy this server?
Provides tools to discover and retrieve documentation pages from Material Design 3, including listing top-level sections and converting page content to Markdown.
AlicenseNot gradedqualityFmaintenanceEnables browsing Material Design 3 documentation by listing top-level sections and retrieving page content as Markdown.GPL 3.0Why this server?
Checks adherence to Material Design guidelines in Flutter applications
-licenseNot gradedqualityDmaintenanceA server that automatically reviews code style and suggests improvements, with special focus on Flutter/Dart projects and general programming styles.-