Log inSubmit server
Webcomponents MCP Server logo

Webcomponents MCP Server

Provides UI5 Web Components API references, framework guidelines, and documentation lookup through MCP tools.

InstallRepositoryWebsite
Full README Compare alternatives Embed widget Claim this listing

Install Webcomponents MCP Server

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "webcomponents-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@ui5/webcomponents-mcp-server"
      ]
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

Automated check passed— started and listed 4 tools correctly (25d ago).

Overview

The webcomponents-mcp-server MCP server provides documentation assistance for UI5 Web Components through an MCP-compatible client. It exposes tools for component APIs, React, Angular, and native JavaScript integration guidance, plus documentation listing and retrieval. Reach for it when an AI coding assistant needs current UI5 Web Components reference material while developing or integrating components.

Use cases

  • Inspect a UI5 Web Component API
  • Find React integration guidance
  • Retrieve Angular usage instructions
  • Browse UI5 documentation
  • Look up theming documentation

Key features

  • Fetches component properties, slots, events, and methods
  • Provides React, Angular, and native JavaScript guidelines
  • Lists UI5 Web Components documentation
  • Retrieves full documentation files
  • Searches three UI5 Web Components packages

Tools4

What Webcomponents MCP Server lets your agent do. Expand a tool for its parameters.

Verified live~443 tokens of context

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked 1d ago

Recent health check succeeded.

19/20 checks healthy over the last 90d

What it can do

From the 4 tools this server returned when we ran it.

Read-only tools · 4
Network at startup3 connections
Files written at startupNone
Install scriptsNone
npm provenanceSigned build
Package age223 days
Maintainers1

Observed 2026-10-15 in an isolated sandbox. A description of reach, not a security audit.

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 2d ago via OSV.dev · @ui5/webcomponents-mcp-server (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

GitHub stars20Stargazers on the source repository.
npm downloads1.5kPackage downloads in the last 30 days.
Last commit2mo agoMost recent push to the default branch.
Availability100%Our rolling endpoint + install checks that succeeded.
Install checkPassedOur sandbox started it and listed its tools.
Tools exposed4Callable tools this server registers over MCP.
Directory activity4 viewsConfig copies, upvotes, and views on AllMCPs.

How Webcomponents MCP Server works

What webcomponents-mcp-server MCP server does

The webcomponents-mcp-server MCP server gives AI assistants access to reference material for UI5 Web Components. It is intended for development tasks where an assistant needs to inspect a component’s API, find framework integration guidance, or retrieve UI5 documentation.

The component API lookup covers properties, slots, events, and methods. It searches documentation associated with the @ui5/webcomponents, @ui5/webcomponents-fiori, and @ui5/webcomponents-ai packages. This makes the server useful for questions about individual components such as ui5-button.

Integration guidance is available for React, Angular, and native JavaScript. The returned material includes installation information, imports, and usage examples. Documentation discovery is split between listing available files with summaries and retrieving the complete content of a selected file.

How it works

The webcomponents-mcp-server MCP server communicates with an MCP client over standard input and output using the command configuration supplied in the README. A client can invoke one of four tools:

  • get_component_api looks up API documentation for a UI5 Web Component.
  • get_guidelines returns integration guidance for React, Angular, or native JavaScript.
  • list_docs returns available UI5 Web Components documentation and summaries.
  • get_doc retrieves the full content of a specific documentation file.

Typical requests include asking for a component API, requesting React usage instructions, listing the available documentation, or retrieving theming documentation. The server is therefore suited to reference and guidance queries rather than general-purpose application operations.

Setup and configuration

Run the server with Node.js and npm. The documented Node.js requirements are version 20.17.0, 22.9.0, or higher, while npm 8.0.0 or higher is required. No environment variables are documented for configuration.

For most MCP clients, configure a stdio server that runs npx -y @ui5/webcomponents-mcp-server.

The project also documents client-specific commands for VS Code, Claude Code, and Codex. Local development commands include building the TypeScript project, running it in development mode, executing tests, launching the MCP inspector, and preparing documentation from GitHub.

Tools and capabilities

The webcomponents-mcp-server MCP server supports four focused documentation operations. Component API retrieval is the most specific tool and can expose the structural details needed to write or review component usage. Framework guidelines help developers adapt UI5 Web Components to React, Angular, or native JavaScript projects.

The documentation list and document retrieval tools support a two-step workflow: first identify relevant documentation and then request its full content.

Limitations and notes

It does not document tools for editing source files, running applications, managing projects, or calling external services beyond the documented documentation sources.

The server requires an MCP-compatible client and the stated Node.js and npm versions. Its setup uses stdio transport; native Windows users may need the alternate command form described above.

Read the full README View source on GitHub

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about Webcomponents MCP Server

webcomponents-mcp-server is an MCP server that connects AI assistants to UI5 Web Components documentation from the @ui5/webcomponents, @ui5/webcomponents-fiori, and @ui5/webcomponents-ai packages. Its main tools fetch component APIs, provide React, Angular, or native JavaScript guidelines, list documentation, and retrieve complete documentation files.

Install it by configuring your MCP client to run `npx -y @ui5/webcomponents-mcp-server` over stdio. Node.js 20.17.0, 22.9.0, or higher and npm 8.0.0 or higher are required. The README also provides commands for VS Code, Claude Code, and Codex.

It can retrieve component properties, slots, events, and methods, along with integration guidance and documentation files. API searches cover the `@ui5/webcomponents`, `@ui5/webcomponents-fiori`, and `@ui5/webcomponents-ai` packages.

Yes, it is documented for any MCP-compatible client, including clients that support standard stdio MCP servers such as Cursor. Configure the client to run `npx -y @ui5/webcomponents-mcp-server` with stdio transport.

Use the `get_guidelines` tool and request React or Angular guidance. The returned documentation includes installation steps, imports, and usage examples for integrating UI5 Web Components with the selected framework.

Related MCP servers

All in Developer Tools All alternatives
Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewWebcomponents MCP Server AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/webcomponents-mcp-server?style=directory)](https://allmcps.com/mcp/webcomponents-mcp-server)
HTML Embed
<a href="https://allmcps.com/mcp/webcomponents-mcp-server"><img src="https://allmcps.com/api/badge/webcomponents-mcp-server?style=directory" alt="Webcomponents MCP Server on AllMCPs" /></a>