UI5 Web Components

listing.by

Look up UI5 Web Components API docs and integration guides for React, Angular and plain JavaScript from your assistant.

state.local.long (state.local.title)listing.badge.runs_with

listing.install

listing.local.explain

npx -y @ui5/webcomponents-mcp-server

listing.local.needs listing.local.note

act.add_to a11y.new_tabact.add_to a11y.new_tab

listing.share.h

listing.share.p_local

mcp.tc/i/ui5-web-components

listing.about

Gives an AI assistant access to documentation for the UI5 Web Components framework. It can fetch the API of a component (properties, slots, events, methods) from the @ui5/webcomponents, @ui5/webcomponents-fiori and @ui5/webcomponents-ai packages, return integration guides, and list or read the documentation files.

Runs locally over stdio through npx using the @ui5/webcomponents-mcp-server npm package. It needs Node.js v20.17.0, v22.9.0 or higher and npm v8 or higher. No sign-in or API key is required.

listing.can

  • Fetch API docs for a UI5 component: properties, slots, events, methods
  • Search across the base, fiori and ai component packages
  • Get integration guides for React, Angular or native JavaScript
  • List available UI5 Web Components documentation with summaries
  • Read the full content of a specific documentation file

listing.tools

listing.notools.local

listing.prompts

  • Show me the API for ui5-button

  • How do I use UI5 Web Components with React?

  • Show me the available documentation

  • Get the theming documentation

listing.setup.h

listing.setup.local

Claude Code

  1. Run this in a terminal, in your project folder:
claude mcp add --transport stdio ui5-web-components -- npx -y @ui5/webcomponents-mcp-server
  1. Start Claude Code and type /mcp. ui5-web-components should show as connected.

Add --scope user to make it available in every project.

Claude Desktop

  1. Open Settings → Developer → Edit Config. It opens claude_desktop_config.json. Add:
claude_desktop_config.json
{
  "mcpServers": {
    "ui5-web-components": {
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-mcp-server"
      ]
    }
  }
}
  1. Save the file and restart Claude Desktop.

Needs Node.js on your computer. The file lives in ~/Library/Application Support/Claude/ on macOS and %APPDATA%\Claude\ on Windows.

Cursor

Add to Cursor a11y.new_tab

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

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

Needs Node.js on your computer.

VS Code

Install in VS Code a11y.new_tab

Or from a terminal:

code --add-mcp '{"name":"ui5-web-components","type":"stdio","command":"npx","args":["-y","@ui5/webcomponents-mcp-server"]}'

Or commit it to the repo in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "ui5-web-components": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-mcp-server"
      ]
    }
  }
}

Needs Node.js on your computer.

Devin Desktop

  1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "ui5-web-components": {
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-mcp-server"
      ]
    }
  }
}
  1. Refresh the MCP server list in Cascade.

Devin Desktop is the new name for Windsurf.

Codex

codex mcp add ui5-web-components -- npx -y @ui5/webcomponents-mcp-server

Or edit ~/.codex/config.toml directly:

config.toml
[mcp_servers.ui5-web-components]
command = "npx"
args = ["-y", "@ui5/webcomponents-mcp-server"]

Needs Node.js on your computer.

Gemini CLI

gemini mcp add ui5-web-components npx -- -y @ui5/webcomponents-mcp-server

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients that start local servers accept this shape:

{
  "mcpServers": {
    "ui5-web-components": {
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-mcp-server"
      ]
    }
  }
}

Zed puts servers under context_servers in its settings, with the same command, args and env fields.

Needs Node.js on your computer.

listing.faq

Can I paste mcp.tc/i/ui5-web-components into my MCP client?

No. UI5 Web Components runs on your own computer, started by your client, so it has no web address to connect to. The quick link is the page to share; the install command is npx -y @ui5/webcomponents-mcp-server.

Does UI5 Web Components need an API key?

No. It doesn't declare any keys or environment variables. It runs with your user account's permissions, so check what its tools can reach.

Is UI5 Web Components a remote or a local server?

Local. Your client starts it as a process on your computer with npx -y @ui5/webcomponents-mcp-server, which needs Node.js.

What can UI5 Web Components do?

You can fetch API docs for a UI5 component: properties, slots, events, methods, search across the base, fiori and ai component packages and get integration guides for React, Angular or native JavaScript.

Which clients can use it?

Any client that starts local servers: Claude Code, Claude Desktop, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. claude.ai and ChatGPT only connect to remote servers.

Who wrote this page?

mcp.tc's robot read UI5 Web Components's public metadata (its package and repository pages), and an AI model drafted the text from it. A person reviews anything the checks can't confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.

listing.em.h

listing.em.lead_local listing.em.how

listing.em.badge

em.prev_lightem.prev_dark
Markdown
[![UI5 Web Components on mcp.tc](https://mcp.tc/i/ui5-web-components/badge.svg)](https://mcp.tc/i/ui5-web-components)
HTML
<a href="https://mcp.tc/i/ui5-web-components"><img src="https://mcp.tc/i/ui5-web-components/badge.svg" alt="UI5 Web Components on mcp.tc" height="20"></a>

listing.em.badge_note

listing.em.widget

HTML
<script src="https://mcp.tc/w/ui5-web-components.js" async></script>

listing.em.widget_note

iframe

HTML
<iframe src="https://mcp.tc/embed/ui5-web-components" title="UI5 Web Components on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

listing.em.iframe_note

JSON

listing.em.json_local

https://mcp.tc/i/ui5-web-components.json

listing.em.fields

listing.related

listing.more_in

  • Semantic Scholar

    smaniches

    state.local.label (state.local.title)

    Search 200M+ academic papers and explore citations, authors and recommendations through the Semantic Scholar API.

    mcp.tc/i/semantic-scholar

  • Google AI Search

    shariqriazz

    state.local.label (state.local.title)

    Run web-grounded search, documentation lookups, code analysis and architecture research through Google Vertex AI or the Gemini API.

    mcp.tc/i/google-ai-search

  • Claude Code Ultimate Guide

    Florian Bruniaux

    state.local.label (state.local.title)

    Search the Claude Code Ultimate Guide and its machine-readable references from any MCP client.

    mcp.tc/i/claude-code-ultimate-guide

  • Paper Search

    OpenAGS

    state.local.label (state.local.title)

    Search and download academic papers from arXiv, PubMed, bioRxiv, Semantic Scholar and many other open sources.

    mcp.tc/i/paper-search

  • arXiv

    blazickjp

    state.local.label (state.local.title)

    Search arXiv papers, download them, and read original LaTeX sections, citations and BibTeX from your assistant.

    mcp.tc/i/arxiv

  • Zotero MCP

    54yyyu (Steven Yu)

    state.local.label (state.local.title)

    Search, read, annotate and add papers in your Zotero research library, using the local app or the web API.

    mcp.tc/i/zotero

listing.disclaimer_checked