BrowseSAPUI5 and OpenUI5Fiori elements

Everything in UI5 / Fiori elements

Group by: Capability
As a Sample and Package
Where it runs
Where it runs
Distributed through
Distributed through
  • abapGit3
  • Agent plugin marketplace0
  • Binary download0
  • Container image0
  • Copied into the project0
  • npm6
Form
Type SampleType PackageClear all
EntrySignals
Attachments1Community only
ui5-upload-controlsv2.1.0Fiori elements

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

none
Artifacts1
ui5-cc-spreadsheetimporterv2.4.0Fiori elements

UI5 component adding a spreadsheet upload dialog to Fiori apps

none
Seen working, example artifacts1
spreadsheetimporter/sample-full-btpfrom CAP

CAP Risks and Mitigations project with a Spreadsheet Upload button

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

Exercises building a Fiori elements app from Figma via MCP servers

none
SAP-samples/teched2025-CA261Fiori elements

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

none
SAP-samples/ui5con-2026-fiori-mcp-serverFiori elements

UI5con tutorial on Fiori elements apps with AI assistants and MCP

none
wdf2025-fiori-innov-day-mcp-serverFiori elements

Fiori Innovation Day exercises on Fiori elements with MCP servers

none
Seen working, example artifacts1
ui5-ai-features-demofrom CAP

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

No license
Seen working, example artifacts1
ui5-fe-mockserver-tutorialFiori elements

Ten exercises on the Fiori elements mock server middleware

No license
Generators2SAP only
@sap-ux/cap-config-writerv1.0.45from CAP

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

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

Writer of flexible programming model elements into Fiori elements apps

none
UI5 testing3SAP and community
Artifacts2
wdi5-fe-selectorsFiori elements

wdi5 selectors for locating controls in Fiori Elements apps

Archived+1
wdio-ui5-servicev3.0.12Fiori elements

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

Functional boundary
Seen working, example artifacts1
ui5-fe-mockserver-tutorialFiori elements

Ten exercises on the Fiori elements mock server middleware

No license
Seen working, example artifacts1
cds-bookshopfrom CAP

CAP bookshop showing UI5 development with cds-plugin-ui5

none
Artifacts2
@abap2ui5/embed-controlv0.3.0Fiori elements

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

Functional boundary
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
Fiori annotations5SAP and community
Seen working, example artifacts5
cap-materialbom-graphfrom CAP

CAP sample drawing a material BOM as a UI5 network graph

No license
SAP-samples/teched2022-DT181Fiori elements

TechEd 2022 workshop mixing SAPUI5 with Fiori elements building blocks

none
ui5-call-actionFiori elements

UI5 apps calling CAP OData actions and functions from custom code

No license
ui5con-2026-fiori-building-blocksFiori elements

Session building a travel dashboard with Fiori elements and SAPUI5

none
wdf2025-fiori-innov-day-building-blocksFiori elements

Fiori Innovation Day session building a travel dashboard

none
Seen working, example artifacts1
SAP-samples/ui5-flexibility-easy-key-user-adaptationFiori elements

UI5con 2025 tutorial on SAPUI5 flexibility and key user adaptations

none
Launchpad and site content2SAP and community
Artifacts1
launchpad-kpifrom ABAP

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

Functional boundary
Seen working, example artifacts1
app-to-app-nav-basFiori elements

Three Fiori apps wired to one cross-app navigation intent

No license
Touch operation1Community only
ui5-touch-controlsFiori elements

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

none
Under no capability6
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
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