Advertise
MCP.so
Sign In

Mantine UI MCP Server

@hakxel

Repository

Basic information

Category

Other

License

MIT license

Transports

stdio

Author

hakxel

About Mantine UI MCP Server

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

#mantine-ui#ui-components#mcp-server

Mantine UI MCP Server config

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

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

Mantine UI MCP Server tools

6

Get documentation for a Mantine component

Search for Mantine components

List all available Mantine components

Generate a Mantine component

Create a Mantine theme configuration

Create a theme configuration for a specific component

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

Frequently asked questions

1

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"`).

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.

3

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.

4

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

More Other MCP servers

YOUB

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K

FastMCP v2 🚀

jlowin

🚀 The fast, Pythonic way to build MCP servers and clients.

26.0K

Lemon.io

lemon-io

Request dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3

N

Next Generation Movers: free moving quotes (remote MCP)

Next Generation Movers

Free moving quotes for AI agents from Next Generation Movers, a licensed interstate mover (USDOT 3764697). US long-distance nationwide and local DC/MD/VA. Indicative ballpark price and booking options; optional $0.01 x40

Advertise