Show TOC

SAPUI5: UI Development Toolkit for HTML5 Locate this document in the navigation structure

Create apps with rich user interfaces for modern Web business applications, responsive across browsers and devices, based on HTML5.

SAPUI5 offers powerful development concepts:
  • One consistent user experience for your apps

  • Responsive across browsers and devices - smartphones, tablets, desktops

  • Built-in extensibility concepts at code and application level

  • Data binding types and Model-View-Controller (MVC)

  • Feature-rich UI controls for handling complex UI patterns and predefined layouts for typical use cases.

    UI controls automatically adapt themselves to the capabilities of each device.

  • Full translation support

  • Keyboard interaction support and accessibility features

And many more....

Check the SAPUI5 playlistInformation published on non-SAP site in the SAP Technology YouTube channelInformation published on non-SAP site for the latest highlights videos!

SAP Fiori applications are built with SAPUI5. SAP Fiori apps follow the SAP Fiori Design Guidelines to ensure consistent design and a high level of design quality. Explore the guidelines:

For more information about SAP Fiori, see

Quick Access to the Documentation Sections
The following sections contain an overview of what's new in each version of SAPUI5. Before you start using SAPUI5, please read the important information in the section. Here you read everything you need to know about supported library combinations, the supported browsers and platforms, and so on. This chapter and its sections describe the development concepts of SAPUI5, such as the Model View Controller, data binding, and components. Use this section as a reference. SAPUI5 contains controls that are provided with multiple libraries. This section contains detailed information about some of the controls beyond the information provided in the API reference. The SAPUI5 tutorials introduce you to all major development paradigms of SAPUI5 using practical examples in an interactive format. This section contains the practical part, details and best practices that will help you while developing your apps, and what pitfalls you should look out for along the way. This section contains information about developing SAP Fiori apps using SAP Fiori elements, and how to use them to save time and development costs. Analysis Path Framework (APF) provides reuse components that allow you to build and enhance interactive analytical Web applications. You can adapt a SAPUI5 app to your specific requirements. For example, you can adapt or replace views, extend or replace controllers, or change language-specific texts. You can create own content, like new controls, for SAPUI5. If you want to contribute to SAPUI5, you have to consider our guidelines and recommendations with regard to, for example, product standards, file names and encoding.