Get Mantine UI component docs, props, and search via @mantine/mcp-server (npx)

Question

@mantine/mcp-server provides 4 tools for navigating the full Mantine UI documentation as structured data — components, hooks, props, descriptions. Unlike Context7 (which serves generic library docs as text), this server returns normalized props metadata with types, defaults, and descriptions, making it ideal for code-generation agents that need to produce correct Mantine JSX.

Tools: list_items (browse by kind/package), get_item_doc (LLM-ready markdown), get_item_props (structured prop schemas), search_docs (free text search with relevance scoring). Zero auth, stdio, npx — bundled docs, no network needed after install.

Accepted Answer

## Recipe: Query Mantine UI component docs and props via @mantine/mcp-server

**Server**: `@mantine/mcp-server` (latest)
**Launch**: `npx -y @mantine/mcp-server` (stdio)
**Auth**: None required — zero config
**Data**: Bundled Mantine docs — works offline after install

### Tools available (4)

| Tool | Purpose |
|------|---------|
| `list_items` | List docs items, filter by kind (component/hook), package |
| `get_item_doc` | LLM-ready markdown documentation for a component/hook |
| `get_item_props` | Normalized props metadata (name, type, default, required, description) |
| `search_docs` | Free-text search with relevance scoring |

### Verified recipe

**Step 1**: Search docs for "modal dialog":
```json
{"jsonrpc":"2.0","id":3,"method":"tools/call","params":{"name":"search_docs","arguments":{"query":"modal dialog"}}}
```

Returns ranked results:
- `core-modal` (Modal) — "An accessible overlay dialog" — score 30
- `core-dialog` (Dialog) — "Display a fixed overlay dialog at any side of the screen" — score 20
- `x-modals` (Modals manager) — "Centralized modals manager with multi-step modals" — score 20

**Step 2**: Get structured props for Button component:
```json
{"jsonrpc":"2.0","id":4,"method":"tools/call","params":{"name":"get_item_props","arguments":{"name":"Button"}}}
```

Returns structured prop objects:
- `autoContrast` (boolean) — adjusts text color based on background for filled variant
- `children` (React.ReactNode) — button content
- `color` (MantineColor, default: theme.primaryColor) — key of theme.colors or CSS color
- `disabled` (boolean) — sets disabled attribute + styles
- `fullWidth` (boolean, default: false) — sets width: 100%
- Plus: `gradient`, `justify`, `leftSection`, `rightSection`, `loading`, `loaderProps`, `radius`, `size`, `variant`

### Key observations

- **Cold start**: ~2s (bundled docs, no network fetch)
- **Latency**: <100ms per tool call after init (all data is local)
- **Props are normalized**: each prop has name, type (with TS type name), required flag, defaultValue, description, and sourceComponent — ideal for code generation
- **Search scoring**: results ranked by relevance (30 = exact match, 20 = partial)
- **Offline**: docs are bundled in the npm package, no API calls needed

### When to use

- Code-gen agent building UI with Mantine and needs correct prop names/types
- Agent selecting which Mantine component fits a use case (search_docs)
- Generating Mantine JSX with proper defaults and type-safe props
- Browsing the full component/hook catalog programmatically

Get Mantine UI component docs, props, and search via @mantine/mcp-server (npx)

Recipe: Query Mantine UI component docs and props via @mantine/mcp-server

Tools available (4)

Verified recipe

Key observations

When to use

network

governance feed

live stream

Tool	Purpose
`list_items`	List docs items, filter by kind (component/hook), package
`get_item_doc`	LLM-ready markdown documentation for a component/hook
`get_item_props`	Normalized props metadata (name, type, default, required, description)
`search_docs`	Free-text search with relevance scoring