Mantine UI MCP Server

@hakxel

About Mantine UI MCP Server

MCP server for working with Mantine UI components - provides documentation, generation, and theme utilities

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "mantine-ui-server": {
      "command": "npx",
      "args": [
        "@hakxel/mantine-ui-server"
      ]
    }
  }
}

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is Mantine UI MCP Server?

Mantine UI MCP Server is a Model Context Protocol (MCP) server that provides tools for working with Mantine UI components. It is designed for developers using AI assistants like Claude to quickly retrieve component documentation, search components, generate custom components, and create theme configurations.

How to use Mantine UI MCP Server?

Install globally via npm install -g @hakxel/mantine-ui-server and run with mantine-ui-server, or use npx @hakxel/mantine-ui-server. Configure it in Claude Desktop or VS Code with Claude extension by adding a JSON entry to the MCP server settings. Optionally set the MANTINE_VERSION environment variable to target a specific Mantine version.

Key features of Mantine UI MCP Server

Get detailed documentation for any Mantine component
Search for Mantine components by keyword
List all available Mantine components
Generate custom Mantine-based components with variants
Create Mantine theme configurations
Create component-specific theme configurations

Use cases of Mantine UI MCP Server

Quickly look up component props and usage without leaving the editor
Search for relevant components when building a UI
Generate custom components with preset props and styling
Set up consistent theme palettes for light and dark modes
Apply component-specific theme overrides

FAQ from Mantine UI MCP Server

Which Mantine version does the server use?

By default, it uses the latest version. You can specify a version by setting the MANTINE_VERSION environment variable (e.g., "7.16.2").

Can documentation be cached?

Yes. Set CACHE_DOCS to "false" to disable caching. Use CACHE_TTL to control cache lifetime (in seconds) and CACHE_STORAGE to choose between "memory" or "file" storage.

How do I debug the server?

Since MCP servers communicate over stdio, you can use the MCP Inspector by running npm run inspector from the project directory.

What are the system requirements?

Node.js and npm are required. The server runs as a command-line tool using stdio transport; no external services or authentication are needed.

Frequently asked questions

Which Mantine version does the server use?

By default, it uses the latest version. You can specify a version by setting the `MANTINE_VERSION` environment variable (e.g., `"7.16.2"`).

Can documentation be cached?

Yes. Set `CACHE_DOCS` to `"false"` to disable caching. Use `CACHE_TTL` to control cache lifetime (in seconds) and `CACHE_STORAGE` to choose between `"memory"` or `"file"` storage.

How do I debug the server?

Since MCP servers communicate over stdio, you can use the MCP Inspector by running `npm run inspector` from the project directory.

What are the system requirements?

Node.js and npm are required. The server runs as a command-line tool using stdio transport; no external services or authentication are needed.

Comments

Basic information

More Other MCP servers

XcodeBuildMCP

cameroncooke

A Model Context Protocol (MCP) server and CLI that provides tools for agent use when working on iOS and macOS projects.

6.0K

Unity MCP ✨

justinpbarnett

Unity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.

12.2K