BrowseAll ecosystems
Everything in the atlas
30 of 2341
Type
Domain: UI & Frontend Bridge
Origin: SAP official
Signals
More
Group by: Capability
EntryBySignalsLast activity
ui5con-2026-a11y-hands-onui5con-2026-a11y-hands-onA UI5con 2026 hands-on workshop that fixes accessibility defects planted in a small UI5 TypeScript app, one exercise at a time, then sweeps the codebase with the ui5-accessibility Claude Code plugin.sap official, ui5
UI5con 2026 workshop fixing accessibility defects in a UI5 app
btp-hello-world-fioribtp-hello-world-fioriA mission that builds a Hello World SAPUI5/SAP Fiori app in SAP Business Application Studio and puts it on a BTP Launchpad Site.sap official, btp
Mission building a Hello World SAPUI5 app on a BTP Launchpad Site
btp-s4hana-nocode-extensionbtp-s4hana-nocode-extensionA mission that builds a side-by-side SAP S/4HANA UI extension with the no-code tool SAP Build Apps and pushes it to the HTML5 repository on SAP BTP.sap official, btp
Mission building a no-code S/4HANA UI extension with SAP Build Apps
SAP-samples/multi-cloud-html5-apps-samplesSAP-samples/multi-cloud-html5-apps-samplesExample HTML5 apps on the SAP HTML5 Application Repository service, split between a standalone and a managed application router, across Cloud Foundry and Kyma.sap official, btp
HTML5 apps on the HTML5 Application Repository across CF and Kyma
SAP-samples/ui5-deploymentsSAP-samples/ui5-deploymentsA sample that deploys one UI5 freestyle application to SAP BTP, Cloud Foundry Environment through three approuter setups, standalone, managed and hybrid, each built into an MTA archive.sap official, ui5
UI5 app deployed to Cloud Foundry via three approuter setups
openui5-fhir-sample-appopenui5-fhir-sample-appA sample app showing the use of the openui5-fhir project to build a SAP Fiori look-and-feel UI5 application against services using the FHIR protocol.sap official, ui5
UI5 app built with openui5-fhir against FHIR services
SAP-samples/ui5-cap-event-appSAP-samples/ui5-cap-event-appAn event-attendee registration app that pairs a freestyle SAPUI5 end-user UI and a Fiori elements admin UI over one Node.js CAP backend, built to show OData V4 draft handling end to end.sap official, cap
Event registration app showing OData V4 draft with UI5 and CAP
capire/incidents-appcapire/incidents-appThe Incident Management reference application — the one SAP's own tutorial paths build, step by step, and the model cds add incidents-sample drops into a project.sap official, cap
Incident Management reference application for CAP
SAP-samples/abap-platform-fiori-feature-showcaseSAP-samples/abap-platform-fiori-feature-showcaseA running showcase of annotation-driven SAP Fiori elements for OData V4 on RAP, with a guide that names each feature, its code and where to find it in the source.sap official, abap
Showcase of Fiori elements for OData V4 features on RAP
SAP-samples/cap-sflightSAP-samples/cap-sflightA travel-booking reference application built with CAP and SAP Fiori elements, whose same UIs run against a Node.js and a Java backend so the two stacks can be compared directly.sap official, cap
Travel-booking reference app on CAP Node.js and Java backends
SAP-samples/fiori-elements-feature-showcaseSAP-samples/fiori-elements-feature-showcaseA running showcase of SAP Fiori elements for OData V4 features on a CAP backend, each one searchable to the CDS annotation or configuration behind it.sap official, cap
Showcase of Fiori elements for OData V4 features on a CAP backend
SAP-samples/fiori-elements-fpm-exercises-codejamSAP-samples/fiori-elements-fpm-exercises-codejamA CodeJam walkthrough that builds a bookshop app on the SAP Fiori elements flexible programming model, chapter by chapter, over a CAP Node.js OData backend.sap official, cap
CodeJam building a bookshop app on the flexible programming model
SAP-samples/fiori-elements-v4-cap-advancedSAP-samples/fiori-elements-v4-cap-advancedBranch-by-branch solutions for the UX405 e-learning course, each one an exercise in the advanced concepts of a Fiori elements app on a CAP OData V4 service.sap official, cap
Exercise solutions for the UX405 course on Fiori elements with CAP
SAP-samples/teched2022-DT181SAP-samples/teched2022-DT181A TechEd 2022 workshop that blends a custom SAPUI5 app with SAP Fiori Elements building blocks and controller extensions on one object page, starting from a CAP service in SAP Business Application Studio.sap official, ui5
TechEd 2022 workshop mixing SAPUI5 with Fiori elements building blocks
ui5con-2026-fiori-building-blocksui5con-2026-fiori-building-blocksA hands-on session that builds a flexible travel dashboard by combining SAP Fiori elements templates, building blocks, extensions and freestyle SAPUI5 on a CAP back end.sap official, ui5
Session building a travel dashboard with Fiori elements and SAPUI5
wdf2025-fiori-innov-day-building-blockswdf2025-fiori-innov-day-building-blocksA SAP Fiori Innovation Day Walldorf hands-on session that builds a flexible travel dashboard from freestyle SAPUI5, SAP Fiori elements templates and building blocks.sap official, ui5
Fiori Innovation Day session building a travel dashboard
teched2025-CA262teched2025-CA262An SAP TechEd 2025 hands-on that analyses and optimises front-end performance in a SAPUI5 application through its network traffic, the UI5 Builder and its OData requests.sap official, ui5
TechEd 2025 hands-on on SAPUI5 front-end performance
SAP-samples/adaptation-project-exercisesSAP-samples/adaptation-project-exercisesA UI5Con workshop on building SAPUI5 Adaptation Projects, which customise a released application through controller and fragment extensions without changing its source, run in SAP Business Application Studio.sap official, ui5
UI5Con workshop on building SAPUI5 Adaptation Projects
SAP-samples/ui5-flexibility-easy-key-user-adaptationSAP-samples/ui5-flexibility-easy-key-user-adaptationA UI5con 2025 hands-on tutorial enabling a Fiori elements application for SAPUI5 flexibility and building custom key user adaptations, from BTP ABAP environment deployment through no-code changes to manifest properties and OData annotations.sap official, ui5
UI5con 2025 tutorial on SAPUI5 flexibility and key user adaptations
ui5-mdc-json-tutorialui5-mdc-json-tutorialA unit-by-unit UI5 tutorial that builds a JSON-model app through the sap.ui.mdc metadata-driven controls: Table, FilterBar, value help, custom types and VariantManagement, plus Geomap and Chart.sap official, ui5
UI5 tutorial on sap.ui.mdc controls with a JSON model
ui5-p13n-tutorialui5-p13n-tutorialA ten-exercise UI5 tutorial that adds sap.m.p13n.Engine personalisation and sap.ui.fl.variants.VariantManagement to a custom table control: column selection, sorting, grouping, filtering and saved variants.sap official, ui5
UI5 tutorial adding p13n Engine personalisation to a custom table
btp-hello-world-fioribtp-hello-world-fioriA mission that builds a Hello World SAPUI5/SAP Fiori app in SAP Business Application Studio and puts it on a BTP Launchpad Site.sap official, btp
Mission building a Hello World SAPUI5 app on a BTP Launchpad Site
btp-launchpad-ui-samplesbtp-launchpad-ui-samplesSample UI5 projects that accompany a blog post on designing apps for SAP Launchpad Service: a sample service deployed as a service broker and app samples deployed as multi-target applications.sap official, ui5
UI5 projects on designing apps for SAP Launchpad Service
workzone-content-package-templatesworkzone-content-package-templatesProject templates for SAP Work Zone content packages and the artefacts they contain, a card, a workflow, a workspace template, a workspace and a home page, plus the content-package project itself.sap official, btp
Project templates for SAP Work Zone content packages
cloud-mdk-samplescloud-mdk-samplesA collection of mobile development kit (MDK) sample apps and how-to demonstrations for intermediate to experienced developers, some shipping their own Mobile OData Service or CAP project for backend data.sap official, btp
Mobile development kit sample apps and how-to demonstrations
cloud-mdk-tutorial-samplescloud-mdk-tutorial-samplesThe sample projects the mobile development kit's developer tutorials reference, one folder per tutorial, mission or group, from a quick start to branding a customised app and creating extension controls.sap official, btp
Sample projects referenced by the mobile development kit tutorials
SAP-samples/ui5con-2025-theming-workshopSAP-samples/ui5con-2025-theming-workshopStarting points for a UI5con 2025 workshop that replace an app's theming logic with a parameterised skeleton CSS built on UI5's theming custom properties, CSS relative colours and container style queries.sap official, ui5
UI5con 2025 workshop on theming with UI5's CSS custom properties
SAP-samples/ai-seamless-integrationSAP-samples/ai-seamless-integrationA sample that embeds UI5 Web Components' AI patterns, the AI Button, AI Acknowledgment and AI Quick Prompt, inside an OpenUI5 application written in TypeScript.sap official, ui5
UI5 Web Components AI patterns embedded in an OpenUI5 app
SAP-samples/fundamental-ngx-sample-appsSAP-samples/fundamental-ngx-sample-appsAn Angular performance-review demo showcasing Fundamental NGX components, including its UI5 Web Components wrapper, with dashboard tiles, an employee table and forms on mock data.sap official, ui5
Angular performance-review demo of Fundamental NGX components
SAP-samples/uxc-integrationSAP-samples/uxc-integrationA sample that embeds UI5 Web Components such as the shell bar, side navigation and search inside an OpenUI5 application, built to SAP's UXC design standards, mixing both control sets in one app.sap official, ui5
UI5 Web Components shell bar and navigation inside an OpenUI5 app
ui5-webcomponents-ngx-sampleui5-webcomponents-ngx-sampleSAP's demo application for @ui5/webcomponents-ngx, the UI5 Web Components bindings for Angular, powered by Fundamental Library Styles.sap official, ui5
Demo app for @ui5/webcomponents-ngx, UI5 Web Components for Angular