BrowseSAPUI5 and OpenUI5

Everything in UI5

Group by: Capability
As a Sample and Web tool and Skill and Generator
Distributed through
Distributed through
Generates
Run with
Form
Type SampleType Web toolType SkillType GeneratorClear 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
Agent guidance8SAP and community
DanKromp/skillOverflow

Collection of 41 agent skills, 37 for SAP development tasks

none
SAP Power for Kiro

SAP skills for the Kiro IDE

Functional boundary
sap-fiori-guidelines

Agent skill built from the Fiori Design Guidelines

none
SAP/ui-theme-designer-plugins-for-coding-agents

Agent plugin on the SAP Design System and theming parameters

Functional boundary
scaffold-fiori-ai-bridge

Agent skill generating a Joule Frontend Actions bridge for UI5 apps

none
secondsky/sap-skills

Forty SAP development plugins for coding agents

Functional boundary
UI5 Web Components agent skills

Two agent skills for accessibility and styling of web components

Functional boundary
UI5/plugins-coding-agents

UI5 plugins for coding agents

Functional boundary
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
Build and dev-server tooling14SAP and community
Artifacts1
generator-ui5-library-af-deployv0.1.0

Yeoman generator for Application Frontend config in UI5 libraries

Functional boundary
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
Generators16SAP and community
abap2UI5 Layout Editor

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

Functional boundary
create-easy-ui5v1.1.1

npm-init wrapper for the Easy-UI5 Yeoman generator

none
create-wdi5v3.0.0

npm initializer adding wdi5 testing to an existing UI5 app

none
generator-easy-ui5v3.11.0

Yeoman meta-generator for scaffolding UI5 projects

none
generator-ui5-addv1.0.2

Yeoman generator for UI5 tooling-extension projects

Quiet
generator-ui5-appv1.0.8

Easy-UI5 generator scaffolding a new UI5 application

none
generator-ui5-control

Yeoman generator for UI5 custom controls distributed via npm

Quiet
generator-ui5-libraryv1.0.10

Easy-UI5 generator scaffolding a new UI5 library

none
generator-ui5-library-webc

Yeoman generator for UI5 libraries wrapping UI5 Web Components

Quiet
generator-ui5-project

Yeoman generator for UI5 projects holding several applications

Functional boundary
generator-ui5-react-nestv1.0.14

Yeoman generator for a UI5 app that loads a React app

Quiet+1
generator-ui5-ts-app

Easy-UI5 generator scaffolding a TypeScript UI5 application

none
generator-ui5-ts-app-fcl

Generator for a TypeScript UI5 FlexibleColumnLayout app on OData

none
generator-ui5-ts-library

Easy-UI5 generator scaffolding a TypeScript UI5 library

none
generator-ui5-wdi5

Yeoman generator scaffolding wdi5 test configuration into a UI5 app

Quiet
ui5-control-generatorv1.0.6

Command line generator of UI5 custom controls from html

Quiet
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 support9SAP and community
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 testing8SAP and community
Artifacts1
ui5-journey-recorder

Chrome extension generating OPA5 or wdi5 tests from recorded journeys

none
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
Artifacts1
ui5-control-generatorv1.0.6

Command line generator of UI5 custom controls from html

Quiet
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 plugins3SAP and community
Artifacts2
generator-ui5-flp-plugin

Easy-UI5 generator scaffolding a Fiori Launchpad plugin

none
generator-ui5-ts-flp-plugin

Easy-UI5 generator for a TypeScript Fiori launchpad plugin

none
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 interop7SAP and community
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
Documentation1SAP and community
ui5-lib-diff

Hosted app listing changes between SAPUI5 or OpenUI5 versions

No license+1
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/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
ui5-tcode-finder

Browser page searching SAP transaction codes

none