- Latest Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
- Latest Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
Get Started
SAP Fiori
What is SAP Fiori?
Learn about the new user experience for SAP software.
A Beginner's Guide to the SAP Fiori Design Guidelines
Your brief introduction to everything you need to know about working with the guidelines.
Foundation
Design Principles
Learn about the five core principles that make up the design philosophy of SAP Fiori.
SAP Fiori Design-Led Development Process
Get to know the SAP Fiori design-led development process.
Responsiveness
SAP Fiori apps work on a multitude of devices. Check out SAP Fiori's focus on responsive and adaptive design.
Mobile First
Discover the benefits of putting mobile scenarios at the center of SAP Fiori design.
Theming
SAP Fiori user interfaces are constructed using SAPUI5 control sets that are meticulously styled with CSS.
Learn More
To learn more, check out the foundation category in the navigation menu on the left.
General Concepts
SAP Fiori Launchpad
The SAP Fiori launchpad is the main entry point to SAP Fiori apps on mobile and desktop devices.
Draft Handling
Learn about the draftling handling concept of SAP Fiori, including auto-save, locking, and data loss prevention.
Navigation
Navigation in SAP Fiori follows the standard navigation paradigms of various web applications.
Manage Objects
Find out about the different interaction flows for managing objects, including create, edit, and delete.
Message Handling
Find out how to display messages to the user such as errors, warnings, success messages, confirmation, and information.
Learn More
To learn more, check out the general concepts category in the navigation menu on the left.
Layouts, Floorplans & Frameworks
Page Layouts
Most app designs are based on one of these basic page layouts, which can be used with a range of different floorplans.
Floorplans
Floorplan is an umbrella term that covers the different layout types, the structure of the controls used, and how to handle different use cases. An application contains normally several pages, with each page showing a single floorplan.
SAP Fiori Elements
SAP Fiori elements provide a framework for generating UIs at runtime based on metadata annotations and predefined templates for the most used application patterns. They ensure design consistency, keep apps up to date with evolving design guidelines, and reduce the amount of frontend code for building SAP Fiori apps.
UI Elements
'Explore' Page
Get an overview of all the UI elements available in SAP Fiori.
Learn More
To learn more, check out the UI Elements category in the navigation menu on the left.
Services & Resources
Design Stencils
Download the design stencils and start designing your own SAP Fiori app.
SAP Icon Font
Download and install the SAP icon font to create true-to-life mockups.
SAP User Experience Community
Ask design-related questions and post your design ideas in our discussion forum.