BrowseSAPUI5 and OpenUI5Web Components

Everything in UI5 / Web Components

Type
Domain
Origin
Signals: Last 12 months
Liveness reads the latest release, push or commit. Coverage is the capability's, as assessed behind this door.
Content
Content type
Published
Web Components: Answers in Web Components
More
Group by: Capability
Liveness Last 12 monthsClear all
EntrySignals
Attachments2SAP only
Artifacts1
@ui5/webcomponentsv2.28.1Web Components

SAP's UI elements as standard custom elements

Functional boundary
Content1
Media Handling in SAP CAPM – Backend and Frontend Implementation
SAP Community, Talari Hari KumarThe reasoningA recipeRunnable code
nothing recorded
Seen working, example artifacts1
spreadsheetimporter/sample-full-btpfrom CAP

CAP Risks and Mitigations project with a Spreadsheet Upload button

none
Content2
AI-assisted SAP development with MCP
YouTube — SAP Developers playlists, Marian Zeis
nothing recorded
How I Use AI for Development and Why Context Matters
blog.zeis.de — Marian Zeis, Marian Zeis, part 1 of 10The reasoning
nothing recorded
Agent guidance11SAP only
Artifacts5
DanKromp/skillOverflowfrom CAP

Collection of 41 agent skills, 37 for SAP development tasks

none
SAP Developers MCPfrom Across stacks

Hosted MCP server of developers.sap.com tutorials and missions

none
sap-fiori-guidelinesWeb Components

Agent skill built from the Fiori Design Guidelines

none
UI5 Web Components agent skillsWeb Components

Two agent skills for accessibility and styling of web components

Functional boundary
Werkbankfrom Across stacks

Local desktop workspace for AI conversations with SAP connectors

none
Content6
Beyond copilots: Agentic development with SAPUI5
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
Bring "developers.sap.com" Into Your Dev Environment: SAP Developer Context for AI Coding Agents
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
Bringing SAP themes to any web app with coding agents
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
Github Copilot VSCode - My Own SAP Development Rules
SAP Community, radu_simen
nothing recorded
Intelligent App Development at Scale: SAP Fiori Elements + ABAP Development Tools for VS Code
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
UI5 Plugins for Coding Agents: Now Supporting GitHub Copilot
SAP Community, Florian Vogt
nothing recorded
Generative UI1Unmapped
Content1
UI5 Has Entered the Chat: Building Interactive MCP Apps for SAP
blog.zeis.de — Marian Zeis, Marian ZeisThe reasoningA recipeRunnable code
nothing recorded
Artifacts1
@ui5/webcomponentsv2.28.1Web Components

SAP's UI elements as standard custom elements

Functional boundary
Seen working, example artifacts1
ui5-ai-features-demofrom CAP

Product-review screen consuming ui5-cap-ai-features on CAP

No license
Content2
UI5 AI Features library is now an npm Package
SAP Community, Wouter LemaireThe reasoningRunnable code
Version drift
UI5 MCP Server Got Extended for UI Integration Cards Generation
SAP Community, daniel_vladinov
nothing recorded
audit-summaryv1.2.0from General

Groups npm audit findings by root dependency, with failing thresholds

Functional boundary
git-env-branchesv1.2.0from General

Shows which feature branches reached which environment branch

Functional boundary
Artifacts1
ui5-tooling-modulesv3.41.2Web Components

UI5 tooling extensions loading npm packages as UI5 modules

none
Seen working, example artifacts1
ui5-tsapp-webcWeb Components

TypeScript UI5 app consuming @ui5/webcomponents

none
Content1
UI Composition with Application Frontend Service
SAP Community, Vadim TomnikovThe reasoning
nothing recorded
Generators3Community only
Artifacts2
@sap-ux/cap-config-writerv1.0.45from CAP

Writer module for changing a CAP project's configuration from code

Functional boundary
abap2UI5 Layout Editorfrom ABAP

Drag-and-drop UI5 view editor that writes an abap2UI5 app class

Functional boundary
Content1
UI5 MCP Server Got Extended for UI Integration Cards Generation
SAP Community, daniel_vladinov
nothing recorded
Linting2SAP and community
Content2
Before You Upgrade S/4HANA: Static UI5 Checks with MCP
blog.zeis.de — Marian Zeis, Marian Zeis, part 9 of 10Runnable codeThe reasoning
nothing recorded
Building Secure SAPUI5 Applications: Best Practices for Developers
SAP Community, Manisha_19
nothing recorded
Artifacts1
@ui5/webcomponentsv2.28.1Web Components

SAP's UI elements as standard custom elements

Functional boundary
Seen working, example artifacts1
ui5-tsapp-webcWeb Components

TypeScript UI5 app consuming @ui5/webcomponents

none
Content1
UI5 Views, Reimagined: Type-Safe TSX for a Modern Dev Experience
YouTube — SAP Developers playlists, Peter Muessig
nothing recorded
Seen working, example artifacts1
cds-bookshopfrom CAP

CAP bookshop showing UI5 development with cds-plugin-ui5

none
Artifacts1
custom-controlsv0.0.1from ABAP

Thirteen custom UI5 controls for abap2UI5 apps

Functional boundary
Seen working, example artifacts1
custom-controls-customerfrom ABAP

Template repository for own UI5 artefacts served to abap2UI5

none
Data binding1Does not apply
Content1
The Fourth Way to Go Offline in UI5 (And Why the Service Worker Stays Dumb)
SAP Community, Noel_Hendrikx
nothing recorded
Fiori annotations9SAP and community
Content9
A Guide to CDS Metadata Extensions, Fiori App Generation and SAP UI5 Controller Extensions
SAP Community, ankitapaul229
nothing recorded
Building an Enterprise Application Using Fiori Elements and CAP - Part 1
SAP Community, Farooq, part 1 of 3The reasoning
nothing recorded
Building an Enterprise Application Using Fiori Elements and CAP – Part 2
SAP Community, Farooq, part 2 of 3The reasoning
nothing recorded
Building an Enterprise Application Using Fiori Elements and CAP – Part 3
SAP Community, Farooq, part 3 of 3The reasoningRunnable code
Core changed
Deep Insert in SAP CAPM Using Composition and Fiori Elements
SAP Community, Talari Hari KumarThe reasoningA recipeRunnable code
nothing recorded
Dynamic Criticality in SAP CAP Using Fiori Elements and Node.js
SAP Community, Pranesh_SDThe reasoningA recipe
nothing recorded
From SEGW and Legacy UI5 to RAP with ARC-1
blog.zeis.de — Marian Zeis, Marian Zeis, part 7 of 10Runnable codeThe reasoning
New majors
Reading Between the Lines: Under-Documented Fiori Elements Capabilities in SAPUI5 1.149
SAP Community, Sören Leibach
nothing recorded
XML Annotations: The Essentials Before Adapting Documentation Samples to Your Project
SAP Community, MioYasutakeThe reasoningRunnable code
nothing recorded
Content1
Agentic UI Extensibility: The Next Chapter of SAPUI5 Flexibility
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
Launchpad and site content2SAP and community
Artifacts1
launchpad-kpifrom ABAP

Puts a number from an abap2UI5 app on a Fiori launchpad tile

Functional boundary
Content1
How to Deploy a Custom Fiori App to S/4HANA Public Cloud and Add a Tile in SAP Build Work Zone
SAP Community, sushweta_bhattacharya
nothing recorded
Launchpad plugins1Does not apply
Content1
Understanding and Developing Fiori Plugins with Extension API & TypeScript
kernich.de, Mario Kernich
nothing recorded
Task and approval UIs1Does not apply
Content1
Building Agentic Workflows with n8n in Joule Studio
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
Theming3SAP only
Artifacts2
@sap-theming/theming-base-contentv11.36.5Web Components

Colour, font and metric definitions of the SAP themes

none
@ui5/webcomponentsv2.28.1Web Components

SAP's UI elements as standard custom elements

Functional boundary
Content1
Bringing SAP themes to any web app with coding agents
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
@ui5/webcomponentsv2.28.1Web Components

SAP's UI elements as standard custom elements

Functional boundary
Artifacts3
@ui5/webcomponentsv2.28.1Web Components

SAP's UI elements as standard custom elements

Functional boundary
abap2UI5 frontend-webcomponentWeb Components

abap2UI5 frontend rendering with UI5 Web Components

Functional boundary
ui5-webcomponents-bundleWeb Components

Custom UI5 Web Components bundle loaded with one script tag

none
Seen working, example artifacts4
SAP-samples/fundamental-ngx-sample-appsWeb Components

Angular performance-review demo of Fundamental NGX components

none
SAP-samples/uxc-integrationWeb Components

UI5 Web Components shell bar and navigation inside an OpenUI5 app

none
ui5-tsapp-webcWeb Components

TypeScript UI5 app consuming @ui5/webcomponents

none
ui5-webcomponents-ngx-sampleWeb Components

Demo app for @ui5/webcomponents-ngx, UI5 Web Components for Angular

none
Documentation8SAP only
Artifacts2
@ui5/webcomponents-mcp-serverv0.1.2Web Components

MCP server answering questions on UI5 Web Components

Functional boundary
mcp-sap-docsfrom CAP

MCP server searching seventeen SAP documentation repositories

Functional boundary
Content6
AI-assisted SAP development with MCP
YouTube — SAP Developers playlists, Marian Zeis
nothing recorded
Before You Upgrade S/4HANA: Static UI5 Checks with MCP
blog.zeis.de — Marian Zeis, Marian Zeis, part 9 of 10Runnable codeThe reasoning
nothing recorded
Bring "developers.sap.com" Into Your Dev Environment: SAP Developer Context for AI Coding Agents
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
Building an Enterprise-Ready SAP AI Agent with Open Source
blog.zeis.de — Marian Zeis, Marian ZeisThe reasoningRunnable code
nothing recorded
Finally: An MCP Server for ABAP
blog.zeis.de — Marian Zeis, Marian ZeisThe reasoningA reference
nothing recorded
How I Use AI for Development and Why Context Matters
blog.zeis.de — Marian Zeis, Marian Zeis, part 1 of 10The reasoning
nothing recorded
Under no capability13
Artifacts11
@sap/joule-work-dev-cli-early-adoptersv0.1.20-alpha.25from BTP/BAIP

Pro-code CLI for building and deploying Joule Studio solutions

none
abap2UI5 protocolfrom ABAP

Versioned specification of the abap2UI5 roundtrip protocol

Functional boundary
abap2UI5/samples-controlsfrom ABAP

UI5 Demo Kit samples rebuilt as abap2UI5 apps

Functional boundary
approuterv0.0.1-securityfrom CAP

Showcase for dev-approuter in front of two UI5 apps

none
cap-companionv0.1.0from CAP

Playback-only SAP Companion (Help4) workarea served from CAP

Functional boundary
open-steamgatefrom ABAP

Local ABAP server serving /IWBEP/ OData v2 without an SAP system

Functional boundary
s4hana-avc-ui-extension-templatefrom ABAP

Template and mock runtime for S/4HANA Variant Configuration UIs

none
SAP-samples/digital-manufacturing-extension-samplesfrom SAP Digital Manufacturing

Samples for the six extension types of SAP Digital Manufacturing

Functional boundary
Supply Chain Rescuefrom CAP

CAP and SAPUI5 demo of recovery from a supply disruption

No license+1
ui5-cap-todofrom CAP

Todo app with CAP and SAPUI5 in TypeScript over OData V4

No license
ui5-tcode-finderfrom ABAP

Browser page searching SAP transaction codes

none
Content2
From Intent to Arcade: Building Joule*Bert with Joule Studio and AI-Assisted Pro Code
YouTube — SAP Developers playlists, SAP Developers
nothing recorded
Real Pro-Code Development with Joule Studio
YouTube — SAP Developers playlists, SAP Developers
nothing recorded