mantine-ui-server

The Mantine UI MCP Server is a specialized server designed to facilitate the use of Mantine UI components through the Model Context Protocol (MCP). It offers a suite of tools for documentation, component generation, and theme configuration, making it easier for developers to integrate and customize Mantine components in their projects. The server can be installed globally or used with npx, and it supports integration with platforms like Claude Desktop and VS Code. With features like component documentation retrieval, component search, and theme utilities, the Mantine UI MCP Server streamlines the development process for applications using Mantine UI.

Features

• {'name': 'Documentation Tools', 'description': 'Provides tools to get detailed documentation, search, and list Mantine components.'}
• {'name': 'Component Generation', 'description': 'Allows generation of custom Mantine-based components with various variants.'}
• {'name': 'Theme Utilities', 'description': 'Enables creation of Mantine theme configurations and component-specific themes.'}

MCP Tools

• get_component_docs: Get detailed documentation for any Mantine component.
• search_components: Search for Mantine components by keyword.
• list_components: List all available Mantine components.
• generate_component: Generate custom Mantine-based components with variants.
• create_theme_config: Create Mantine theme configurations.
• create_component_theme: Create component-specific theme configurations.

Usage with Different Platforms

Claude Desktop

{
  "mcpServers": {
    "mantine": {
      "command": "npx",
      "args": ["@hakxel/mantine-ui-server"],
      "env": {
        "MANTINE_VERSION": "7.16.2" // Optional: specify version
      }
    }
  }
}

VS Code with Claude Extension

{
  "mcpServers": {
    "mantine": {
      "command": "npx", 
      "args": ["@hakxel/mantine-ui-server"],
      "env": {
        "MANTINE_VERSION": "7.16.2" // Optional: specify version
      }
    }
  }
}