Mantine UI MCP Server
About
MCP server for working with Mantine UI components - provides documentation, generation, and theme utilities
Details
- License
- MIT license
Explore
- 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
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Mantine UI MCP ServerCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
npm install -g @hakxel/mantine-ui-server
create_theme_config(
extension: "colors",
definitions: {
primary: ["#90CAF9", "#2196F3", "#1976D2"],
secondary: ["#CE93D8", "#9C27B0", "#7B1FA2"]
},
darkMode: true
)
``
Creates a color palette theme configuration for light and dark modes.
-
MANTINE_VERSION: Specify which version of Mantine to use for documentation (default: latest)
- CACHE_DOCS: Set to "false" to disable documentation caching
- CACHE_TTL: Documentation cache time-to-live in seconds
- CACHE_STORAGE`: Storage method for cache ("memory" or "file")
npm install
get_component_docs
Get documentation for a Mantine component
search_components
Search for Mantine components
list_components
List all available Mantine components
generate_component
Generate a Mantine component
create_theme_config
Create a Mantine theme configuration
create_component_theme
Create a theme configuration for a specific component
- 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
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mantine ui mcp server": {
"mantine-ui-server": {
"command": "npx",
"args": [
"@hakxel/mantine-ui-server"
]
}
}
}
}McpServers
{
"mantine-ui-server": {
"command": "npx",
"args": [
"@hakxel/mantine-ui-server"
]
}
}A Model Context Protocol (MCP) server that provides tools for working with Mantine UI components.
Features
Documentation 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 componentsComponent Generation
- generate_component: Generate custom Mantine-based components with variantsTheme Utilities
- create_theme_config: Create Mantine theme configurations - create_component_theme: Create component-specific theme configurationsInstallation
Global Installation
```bash
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
