BrowseSAPUI5 and OpenUI5

Everything in UI5

As a Build tool and Sample and Practice
Distributed through
Distributed through
  • abapGit0
  • Agent plugin marketplace0
  • Binary download0
  • Container image0
  • Copied into the project0
  • npm38
  • Visual Studio Marketplace0
Form
Type Build toolType SampleType PracticeClear all
EntrySignals
Seen working, example artifacts6
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-adaptation-banks-update

Manage Banks adaptation updating existing records from a spreadsheet

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
spreadsheetimporter/sample-standalone

UI5 app opening the Spreadsheet Importer on its own

No license
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
Seen working, example artifacts3
cap-ui5-gpt-chat

Chat app on CAP and SAPUI5 against the OpenAI API

Functional boundary
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
ui5-task-check-eocpv0.0.8

UI5 build task warning when the app's UI5 version reaches EOCP

Functional boundary
Build and dev-server tooling50SAP and community
Artifacts37
@ui5/middleware-code-coveragev2.0.4

UI5 CLI middleware for Istanbul code coverage

none
@ui5/tooling-webcv0.3.1

Deprecated UI5 Tooling extensions for UI5 Web Components wrappers

Archived
ui5-middleware-approuterv3.10.0

UI5 CLI middleware proxying the dev server through @sap/approuter

none
ui5-middleware-capv3.3.6

UI5 CLI middleware running a CDS server inside the UI5 dev server

none
ui5-middleware-destinationv2.0.2

UI5 Tooling middleware proxying destinations and neo-app.json routes

Quiet+1
ui5-middleware-hmrv0.1.0

Experimental UI5 middleware for hot module replacement

none
ui5-middleware-iasyncv3.0.0-alpha.10

UI5 middleware syncing interactions across browsers over websocket

none
ui5-middleware-indexv3.1.4

UI5 middleware serving a chosen welcome page at the root path

none
ui5-middleware-livereloadv3.4.0

Live reload middleware for the UI5 dev server

none
ui5-middleware-odata-recorderv0.0.13

UI5 middleware recording OData traffic as mock server datasets

Functional boundary
ui5-middleware-oidcv1.0.7

UI5 dev server middleware adding an OpenID Connect login

none
ui5-middleware-oneloginv3.9.1

UI5 middleware logging in with Playwright and reusing the session

none
ui5-middleware-route-proxyv1.0.10

UI5 server middleware proxying route prefixes to a backend

Quiet
ui5-middleware-serveframeworkv3.8.2

UI5 middleware serving a locally built UI5 framework

none
ui5-middleware-servestaticv3.5.1

UI5 middleware serving static resources from a path or npm package

none
ui5-middleware-simpleproxyv3.9.0

Dev-server middleware proxying requests to a backend system

none
ui5-middleware-ui5v3.5.2

UI5 middleware including one UI5 application in another

none
ui5-middleware-webjarsv3.1.4

UI5 middleware serving static resources from JAR files (WebJars)

none
ui5-middleware-websocketv3.2.2

WebSocket support for Express-based dev servers such as UI5's

none
ui5-plugin-loaderv0.2.0

UI5 Tooling v4 extension that registers other extensions

none
ui5-task-btp-manifestv0.2.2

UI5 Tooling task writing the service name into the importer manifest

none
ui5-task-cachebusterv3.4.0

UI5 builder task cachebusting standalone UI5 applications

none
ui5-task-cachebuster-indexingv1.0.2

UI5 builder task preparing build output for the cachebuster

Quiet
ui5-task-check-eocpv0.0.8

UI5 build task warning when the app's UI5 version reaches EOCP

Functional boundary
ui5-task-copyrightv3.6.0

UI5 builder task appending copyright headers to source files

none
ui5-task-dts-generatorv1.0.0

UI5 builder task generating d.ts type declarations

none
ui5-task-flatten-libraryv3.1.4

UI5 builder task flattening library output for SAP NetWeaver

none
ui5-task-i18ncheckv3.3.1

UI5 builder task checking XML views for missing i18n texts

none
ui5-task-minifierv2.0.1

UI5 builder task minifying HTML, CSS and JSON files

none
ui5-task-minify-xmlv3.2.0

UI5 builder task minifying XML views and fragments

none
ui5-task-pwa-enablerv3.4.1

UI5 builder task turning a UI5 app into a progressive web app

none
ui5-task-transpile-genv1.0.4

UI5 builder task transpiling ES6 to ES5 with Babel

Quiet
ui5-task-zipperv3.7.0

Build task packaging the UI5 build result as a zip archive

none
ui5-tooling-lessv3.2.5

UI5 CLI extension compiling Less files into CSS

none
ui5-tooling-modulesv3.41.2

UI5 tooling extensions loading npm packages as UI5 modules

none
ui5-tooling-stringreplacev3.6.2

UI5 CLI extension for string replacement during the build

none
ui5-tooling-transpilev3.13.1

UI5 CLI extension transpiling code during the UI5 build

none
Seen working, example artifacts13
@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-errorhandler-sample

Two UI5 apps consuming one npm package in two ways

No license
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-ts-modules-showcase

Showcase of consuming npm libraries from a TypeScript UI5 app

none
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
ui5con24-dev-env

pnpm workspace running CAP, a local launchpad and two UI5 apps

No license
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 support12SAP and community
Artifacts3
babel-preset-transform-ui5v7.10.0

Babel transformer from modern ES or TypeScript to UI5 module syntax

none
ui5-task-dts-generatorv1.0.0

UI5 builder task generating d.ts type declarations

none
ui5-task-transpilev0.5.1

UI5 Tooling task transpiling TypeScript and ES modules

none
Seen working, example artifacts9
hacking-away-sampleapp

UI5con 2022 demo of an end-to-end TypeScript UI5 setup with CAP

none
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 testing9SAP and community
Artifacts2
@ui5/middleware-code-coveragev2.0.4

UI5 CLI middleware for Istanbul code coverage

none
ui5-middleware-odata-recorderv0.0.13

UI5 middleware recording OData traffic as mock server datasets

Functional boundary
Seen working, example artifacts7
@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
wdi5-workshop

Two wdi5 workshops from UI5con 2022 and Devtoberfest 2022

No license
Accessibility1SAP and community
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
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 binding2SAP and community
Seen working, example artifacts2
fiori-table-maintenance

CAP and UI5 app for in-place table maintenance with SmartTable

No license
openui5-fhir-sample-app

UI5 app built with openui5-fhir against FHIR services

none
Fiori annotations6SAP and community
Seen working, example artifacts6
cap-materialbom-graph

CAP sample drawing a material BOM as a UI5 network graph

No license
fiori-table-maintenance

CAP and UI5 app for in-place table maintenance with SmartTable

No license
SAP-samples/teched2022-DT181

TechEd 2022 workshop mixing SAPUI5 with Fiori elements building blocks

none
ui5-call-action

UI5 apps calling CAP OData actions and functions from custom code

No license
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
Seen working, example artifacts4
SAP-samples/adaptation-project-exercises

UI5Con workshop on building SAPUI5 Adaptation Projects

none
SAP-samples/ui5-flexibility-easy-key-user-adaptation

UI5con 2025 tutorial on SAPUI5 flexibility and key user adaptations

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
Seen working, example artifacts2
app-to-app-nav-bas

Three Fiori apps wired to one cross-app navigation intent

No license
btp-launchpad-ui-samples

UI5 projects on designing apps for SAP Launchpad Service

none
Launchpad plugins1SAP and community
Seen working, example artifacts1
fiori-fullscreen-plugin

Fiori launchpad plugin adding a fullscreen toggle button

none
Theming1SAP only
Seen working, example artifacts1
SAP-samples/ui5con-2025-theming-workshop

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

none
Web Components interop8SAP and community
Artifacts1
@ui5/tooling-webcv0.3.1

Deprecated UI5 Tooling extensions for UI5 Web Components wrappers

Archived
Seen working, example artifacts7
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-space-webcomponent-library

UI5 library wrapping a UI5 Web Components package, step by step

none
ui5-space-webcomponent-package

Step-by-step UI5 Web Components package in TypeScript

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 capability11
@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 protocol

Versioned specification of the abap2UI5 roundtrip protocol

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-serverside-rendering-demo

Demo CAP bookshop with server-rendered UI5 views

No license+1
ui5-cap-todo

Todo app with CAP and SAPUI5 in TypeScript over OData V4

No license