BrowseSAPUI5 and OpenUI5

Everything in UI5

Group by: Capability
As a Sample and Package
Where it runs
Where it runs
Distributed through
Distributed through
Form
Liveness Last 12 monthsType SampleType PackageClear all
EntrySignals
Attachments2SAP and community
@ui5/webcomponentsv2.28.1

SAP's UI elements as standard custom elements

Functional boundary
ui5-upload-controlsv2.1.0

UI5 control library for file upload and download in front of CAP

none
Artifacts1
ui5-cc-spreadsheetimporterv2.4.0

UI5 component adding a spreadsheet upload dialog to Fiori apps

none
Seen working, example artifacts4
spreadsheetimporter/packed-deployment-abap

UI5 app template deploying the Spreadsheet Importer once to ABAP

none
spreadsheetimporter/sample-adaptation-banks

Adaptation project adding spreadsheet upload to Manage Banks

No license
spreadsheetimporter/sample-full-btp

CAP Risks and Mitigations project with a Spreadsheet Upload button

none
spreadsheetimporter/sample-odata-api-upload

UI5 app opening the Spreadsheet Importer on on-premise OData services

none
Seen working, example artifacts4
SAP-samples/fiori-mcp-server-hands-on

Exercises building a Fiori elements app from Figma via MCP servers

none
SAP-samples/teched2025-CA261

TechEd 2025 workshop driving a Fiori elements app from Figma via MCP

none
SAP-samples/ui5con-2026-fiori-mcp-server

UI5con tutorial on Fiori elements apps with AI assistants and MCP

none
wdf2025-fiori-innov-day-mcp-server

Fiori Innovation Day exercises on Fiori elements with MCP servers

none
Generative UI1Unmapped
Seen working, example artifacts1
UI5con_2026_MCPApps

Five MCP servers whose tools return a prebuilt UI

No license
LLM integration3SAP and community
Artifacts1
@ui5/webcomponentsv2.28.1

SAP's UI elements as standard custom elements

Functional boundary
Seen working, example artifacts2
ui5-ai-features-demo

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

No license
ui5con-2026-chrome-built-in-ai

UI5 workshop adding Chrome's on-device AI APIs to a TypeScript app

none
Seen working, example artifacts1
btp-ui5-show-userinfo

UI5 app reading the signed-in user via launchpad and approuter

No license+1
Logging1SAP and community
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
Build and dev-server tooling11SAP and community
Artifacts1
@ui5/loggerv4.0.2

Internal logger of the UI5 CLI

none
Seen working, example artifacts10
@ui5/sample-app

OpenUI5 sample app set up with the UI5 CLI

none
ui5-app

UI5 app carrying 18 UI5 CLI extensions in one configuration

none
ui5-bookshop-viewer

UI5 app consuming the cds-bookshop server via ui5-middleware-cap

none
ui5-fe-mockserver-tutorial

Ten exercises on the Fiori elements mock server middleware

No license
ui5-lib

Sample setup for developing a UI5 library

none
ui5-module

Custom UI5 control packaged as an npm package

none
ui5-monorepo-showcase

pnpm workspace developing a UI5 app, library and plugin together

No license
ui5-tsapp

TypeScript UI5 app consuming custom UI5 CLI extensions together

none
ui5-tsapp-webc

TypeScript UI5 app consuming @ui5/webcomponents

none
ui5-tsmodule

TypeScript UI5 module consumed through ui5-tooling-modules

none
Generators4SAP and community
@sap-ux/cap-config-writerv1.0.45

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

Functional boundary
@sap-ux/fe-fpm-writerv1.3.25

Writer of flexible programming model elements into Fiori elements apps

none
@sap-ux/odata-service-writerv1.0.26

Writer that adds an OData service to an existing UI5 project

none
@sap-ux/ui5-application-writerv2.1.6

Writer of the base structure of a UI5 project from Node code

none
Linting2SAP and community
Seen working, example artifacts2
@ui5/sample-app

OpenUI5 sample app set up with the UI5 CLI

none
ui5con-2026-ui5-linter-workshop

UI5con workshop taking a legacy UI5 app to a clean UI5 linter report

none
TypeScript support11SAP and community
Artifacts3
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
@ui5-community/jsx-runtimev0.1.5

Plugin-based JSX runtime for UI5 views written as .tsx

Functional boundary
@ui5/webcomponentsv2.28.1

SAP's UI elements as standard custom elements

Functional boundary
Seen working, example artifacts8
SAP-samples/ui5-typescript-control-library

UI5 control library written in TypeScript with full tooling setup

none
SAP-samples/ui5-typescript-helloworld

Small UI5 app with a guide to its TypeScript setup from scratch

none
SAP-samples/ui5-typescript-tutorial

Tutorial on TypeScript for UI5 apps via a weather-lookup app

none
ui5-monorepo-showcase

pnpm workspace developing a UI5 app, library and plugin together

No license
ui5-tsapp

TypeScript UI5 app consuming custom UI5 CLI extensions together

none
ui5-tsapp-webc

TypeScript UI5 app consuming @ui5/webcomponents

none
ui5-tslib

TypeScript UI5 library with build, linting and Karma tests

none
ui5-tsmodule

TypeScript UI5 module consumed through ui5-tooling-modules

none
UI5 testing11SAP and community
Artifacts5
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
karma-ui5-transpilev3.6.4

Karma preprocessor transpiling UI5 sources via ui5-tooling-transpile

none
vitest-environment-ui5v0.3.0

Vitest environment running UI5 unit tests in Node.js

none
wdio-qunit-servicev2.0.2

WebdriverIO service running QUnit test pages

none
wdio-ui5-servicev3.0.12

End-to-end testing for UI5 on WebdriverIO with UI5 control selectors

Functional boundary
Seen working, example artifacts6
@ui5/sample-app

OpenUI5 sample app set up with the UI5 CLI

none
ui5-app

UI5 app carrying 18 UI5 CLI extensions in one configuration

none
ui5-fe-mockserver-tutorial

Ten exercises on the Fiori elements mock server middleware

No license
ui5-lib

Sample setup for developing a UI5 library

none
ui5-tsapp

TypeScript UI5 app consuming custom UI5 CLI extensions together

none
ui5-tslib

TypeScript UI5 library with build, linting and Karma tests

none
Accessibility3SAP and community
Artifacts2
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
UI5X

UI5 library of eight composite controls under the ui5x namespace

Functional boundary
Seen working, example artifacts1
ui5con-2026-a11y-hands-on

UI5con 2026 workshop fixing accessibility defects in a UI5 app

none
App hosting1SAP only
Seen working, example artifacts1
SAP-samples/ui5-deployments

UI5 app deployed to Cloud Foundry via three approuter setups

none
Seen working, example artifacts1
cds-bookshop

CAP bookshop showing UI5 development with cds-plugin-ui5

none
Artifacts5
@abap2ui5/embed-controlv0.3.0

UI5 custom control that runs an abap2UI5 app inside a host app

Functional boundary
custom-controlsv0.0.1

Thirteen custom UI5 controls for abap2UI5 apps

Functional boundary
ui5-cc-chartv0.1.2

UI5 custom control wrapping Chart.js for line charts

none
ui5-fontawesome-libv1.1.0

UI5 library adding Font Awesome icon sets to sap-icon://

none
UI5X

UI5 library of eight composite controls under the ui5x namespace

Functional boundary
Seen working, example artifacts2
custom-controls-customer

Template repository for own UI5 artefacts served to abap2UI5

none
ui5-icon-explorer

Live icon browser for the ui5-fontawesome-lib icon set

none
Data binding4SAP and community
Artifacts3
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
openui5-model-json-crudv1.0.0

OpenUI5 JSONModel extension with CRUD over HTTP

none
openui5-validatorv1.0.0

OpenUI5 library validating view fields against JSON schema

none
Seen working, example artifacts1
openui5-fhir-sample-app

UI5 app built with openui5-fhir against FHIR services

none
Fiori annotations4SAP and community
Artifacts1
@sap-ux/odata-vocabulariesv1.1.3

OASIS and SAP OData vocabularies with a VocabularyService

none
Seen working, example artifacts3
SAP-samples/teched2022-DT181

TechEd 2022 workshop mixing SAPUI5 with Fiori elements building blocks

none
ui5con-2026-fiori-building-blocks

Session building a travel dashboard with Fiori elements and SAPUI5

none
wdf2025-fiori-innov-day-building-blocks

Fiori Innovation Day session building a travel dashboard

none
Frontend performance1SAP and community
Seen working, example artifacts1
teched2025-CA262

TechEd 2025 hands-on on SAPUI5 front-end performance

none
Artifacts1
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
Seen working, example artifacts3
SAP-samples/adaptation-project-exercises

UI5Con workshop on building SAPUI5 Adaptation Projects

none
ui5-mdc-json-tutorial

UI5 tutorial on sap.ui.mdc controls with a JSON model

none
ui5-p13n-tutorial

UI5 tutorial adding p13n Engine personalisation to a custom table

none
Launchpad and site content2SAP and community
Artifacts1
launchpad-kpi

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

Functional boundary
Seen working, example artifacts1
btp-launchpad-ui-samples

UI5 projects on designing apps for SAP Launchpad Service

none
Localization1SAP and community
@sap-ux/i18nv1.0.6

Reader and writer for i18n bundles of UI5 or CAP projects

none
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
Theming4SAP only
Artifacts3
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
@sap-theming/theming-base-contentv11.36.5

Colour, font and metric definitions of the SAP themes

none
@ui5/webcomponentsv2.28.1

SAP's UI elements as standard custom elements

Functional boundary
Seen working, example artifacts1
SAP-samples/ui5con-2025-theming-workshop

UI5con 2025 workshop on theming with UI5's CSS custom properties

none
Touch operation2SAP and community
@ui5/webcomponentsv2.28.1

SAP's UI elements as standard custom elements

Functional boundary
ui5-touch-controls

UI5 control library of sized sap.m controls and touch inputs

none
Web Components interop9SAP and community
Artifacts4
@openui5/sap.ui.corev1.153.0

Framework core: module loader, MVC runtime, binding, routing, theming

none
@ui5/webcomponentsv2.28.1

SAP's UI elements as standard custom elements

Functional boundary
abap2UI5 frontend-webcomponent

abap2UI5 frontend rendering with UI5 Web Components

Functional boundary
ui5-webcomponents-bundle

Custom UI5 Web Components bundle loaded with one script tag

none
Seen working, example artifacts5
SAP-samples/ai-seamless-integration

UI5 Web Components AI patterns embedded in an OpenUI5 app

none
SAP-samples/fundamental-ngx-sample-apps

Angular performance-review demo of Fundamental NGX components

none
SAP-samples/uxc-integration

UI5 Web Components shell bar and navigation inside an OpenUI5 app

none
ui5-tsapp-webc

TypeScript UI5 app consuming @ui5/webcomponents

none
ui5-webcomponents-ngx-sample

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

none
Under no capability9
@ui5-community/jsx-runtime-helloworld

Scaffolded UI5 TypeScript app consuming the JSX runtime

Functional boundary
@ui5-community/jsx-runtime-showcase

Showcase and documentation app of @ui5-community/jsx-runtime

Functional boundary
abap2UI5/samples-controls

UI5 Demo Kit samples rebuilt as abap2UI5 apps

Functional boundary
approuterv0.0.1-security

Showcase for dev-approuter in front of two UI5 apps

none
btp-agent

LangGraph agent and UI5 chat screen over four BTP MCP servers

No license
s4hana-avc-ui-extension-template

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

none
SAP-samples/digital-manufacturing-extension-samples

Samples for the six extension types of SAP Digital Manufacturing

Functional boundary
Supply Chain Rescue

CAP and SAPUI5 demo of recovery from a supply disruption

No license+1
ui5-cap-todo

Todo app with CAP and SAPUI5 in TypeScript over OData V4

No license