# UI5 Web Components for React MCP server

> Provides AI assistants with direct access to UI5 Web Components for React documentation, component APIs, and scaffolding tools.

- Repository: https://github.com/UI5/webcomponents-react
- Page: https://hostedmcp.org/servers/ui5/webcomponents-react-mcp-server
- Official: yes
- Transport: stdio, remote
- Stars: 544
- License: Apache-2.0
- Latest version: 2.28.2

## Install

### Claude Code

```sh
claude mcp add webcomponents-react-mcp-server -- npx -y @ui5/webcomponents-react-mcp
```

### Cursor (`~/.cursor/mcp.json`)

```json
{
  "mcpServers": {
    "webcomponents-react-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-react-mcp"
      ]
    }
  }
}
```

### VS Code (`.vscode/mcp.json`)

```json
{
  "servers": {
    "webcomponents-react-mcp-server": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-react-mcp"
      ]
    }
  }
}
```

### Claude Desktop (`claude_desktop_config.json`)

```json
{
  "mcpServers": {
    "webcomponents-react-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-react-mcp"
      ]
    }
  }
}
```

### Codex (`~/.codex/config.toml`)

```toml
[mcp_servers.webcomponents-react-mcp-server]
command = "npx"
args = ["-y", "@ui5/webcomponents-react-mcp"]
```

### Gemini CLI (`~/.gemini/settings.json`)

```json
{
  "mcpServers": {
    "webcomponents-react-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-react-mcp"
      ]
    }
  }
}
```

## Tools (5)

- `create_app`
- `list_components`
- `get_component_api`
- `get_documentation`
- `get_public_utils`

## FAQ

### How can I ensure the AI assistant uses the correct version of the documentation?

You can pin the MCP server version to match your project's version of @ui5/webcomponents-react to ensure accurate information.

### What kind of application scaffolding is available?

The server can scaffold new applications using Vite (TypeScript), Next.js App Router, or Next.js Pages Router.

### Does the server require a network connection to read documentation?

No, the documentation is read from bundled local files, so no network is required for full content reading.