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?
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.374 npm2MITWhy this server?
Provides access to the official Material Design 3 documentation, including Foundations, Styles, and Components, returning content as Markdown.
AlicenseAqualityCmaintenanceProvides AI assistants access to live Material Design 3 documentation including Foundations, Styles, and Components, returning official content as Markdown.317 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 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.93 npmMITWhy 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?
Includes the official Material Design 3 guidelines and kits as references in the library.
AlicenseNot gradedqualityBmaintenanceEnables Claude to search and retrieve curated design references, browse categories and tags, read style guides, and save new UI references from URLs so UI work starts from chosen inspirations rather than generic defaults.MITWhy this server?
Provides tools to search and retrieve icons from the Material Design icon library.
AlicenseNot gradedqualityDmaintenanceProvides 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.1,883 npm1,456MITWhy 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 gradedqualityCmaintenanceEnables browsing Material Design 3 documentation by listing top-level sections and retrieving page content as Markdown.GPL 3.0Why this server?
Provides access to Material Design 3 knowledge, including components and patterns.
AlicenseNot gradedqualityDmaintenanceEnables AI-powered access to authoritative design systems knowledge, including W3C standards, WCAG guidelines, and best practices from 188+ curated entries via semantic vector search.6 npm224MIT