Webcomponents React Mcp Server

No install snippet on purpose. A working MCP config is a command, its arguments and an environment block — the last two are where API keys live, so this catalogue never stores them and cannot publish them. Follow the link above for the authors' own instructions.

ui5-webcomponents-react is providing a Fiori-compliant React implementation by leveraging the UI5 Web Components.

Resources

You can find our documentation under the following links:

Packages Overview

@ui5/webcomponents-react - Main Package
@ui5/webcomponents-react-charts - Charts Package (deprecated)
@ui5/webcomponents-react-base - Base Package
@ui5/webcomponents-react-compat - Legacy Components Package
@ui5/webcomponents-react-cli - Wrapper Generation & Code-Mod Package
@ui5/webcomponents-cypress-commands - Custom Cypress Commands & Queries Package
@ui5/webcomponents-ai-react - React wrapper for the @ui5/webcomponents-ai Package

Requirements

React and React-DOM (18.0.0 or higher)
Node.js (LTS version)
If you're using TypeScript we recommend version 4.7 or later.

Download and Installation

You can install @ui5/webcomponents-react along with the required peer-dependencies based on the components you plan to use. In most cases, the recommended installation is the most maintainable option.

Recommended Installation

Install @ui5/webcomponents-react along with the @ui5/webcomponents and @ui5/webcomponents-fiori peer-dependencies as dependencies in your project:

npm install @ui5/webcomponents-react @ui5/webcomponents @ui5/webcomponents-fiori

Note: If you import anything from another @ui5/webcomponents-xyz package, we recommend installing it as a dependency as well, even if it’s already included through another package.

Minimal Installation

Since version v2.14.0 of @ui5/webcomponents-react, @ui5/webcomponents-fiori is an optional peer-dependency. You will still need to install it if: