OpenUI5 is a

JavaScript JavaScript (), often abbreviated as JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of websites use JavaScript on the client side for webpage behavior, of ...

application framework In computer programming, an application framework consists of a software framework used by software developers to implement the standard structure of application software. Application frameworks became popular with the rise of graphical user inter ...

designed to build

cross-platform In computing, cross-platform software (also called multi-platform software, platform-agnostic software, or platform-independent software) is computer software that is designed to work in several computing platforms. Some cross-platform software ...

, responsive, enterprise-ready applications. It is an

open-source Open source is source code that is made freely available for possible modification and redistribution. Products include permission to use the source code, design documents, or content of the product. The open-source model is a decentralized so ...

project maintained by

SAP SE Sap is a fluid transported in xylem cells (vessel elements or tracheids) or phloem sieve tube elements of a plant. These cells transport water and nutrients throughout the plant. Sap is distinct from latex, resin, or cell sap; it is a ...

available under the Apache 2.0 license and open to contributions. OpenUI5's core is based on

jQuery jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-source software using the permissive MIT License. As of Aug 2022, jQuery is u ...

, and LESS. The library's feature set includes

model–view–controller Model–view–controller (MVC) is a software architectural pattern commonly used for developing user interfaces that divide the related program logic into three interconnected elements. This is done to separate internal representations of info ...

patterns, data binding, its own UI-element library, and

internationalisation In economics, internationalization or internationalisation is the process of increasing involvement of enterprises in international markets, although there is no agreed definition of internationalization. Internationalization is a crucial strateg ...

support.

History

The team that started the project in 2009, that eventually lead to OpenUI5 was tasked with creating a new user interface (UI) for SAP applications. Objectives included a framework that was flexible, extensible, modern, and would provide a consistent look and feel across SAP applications. In addition to this, at the time SAP's main UI framework was tightly coupled to its backend technology, becoming a bottleneck to UI improvements. The library was open sourced in December 2013, after being used in production at SAP for several years. In October 2014, the team started accepting contributions via

GitHub GitHub, Inc. () is an Internet hosting service for software development and version control using Git. It provides the distributed version control of Git plus access control, bug tracking, software feature requests, task management, cont ...

Commercial status

All OpenUI5 components are completely free, and there are no paid "premium" or "commercial" widgets:

Main features

* 180 UI controls, grouped in cross-device (running on phones, tablets and desktops) — menu, carousel, panel, toolbar, icon tab bar, layout, responsive grid, splitter, list, table, dialog, message box, message toast, responsive popover, calendar, combo box, date range selection, file uploader, rating indicator, segmented button, slider, tags display, color picker, tree, table, tree table, etc. * WYSIWYG theme designer (not open sourced) * MVC architecture * Different view formats (

XML Extensible Markup Language (XML) is a markup language and file format for storing, transmitting, and reconstructing arbitrary data. It defines a set of rules for encoding documents in a format that is both human-readable and machine-readable. T ...

HTML The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaS ...

, JavaScript or

JSON JSON (JavaScript Object Notation, pronounced ; also ) is an open standard file format and data interchange format that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and arrays (or other se ...

) * Data binding with

OData In computing, Open Data Protocol (OData) is an open protocol that allows the creation and consumption of queryable and interoperable REST APIs in a simple and standard way. Microsoft initiated OData in 2007. Versions 1.0, 2.0, and 3.0 are rele ...

models *

I18n In computing, internationalization and localization (American English, American) or internationalisation and localisation (British English), often abbreviated i18n and L10n, are means of adapting computer software to different languages, regional ...

, including right-to-left language support * Consistent UX patterns across all frontend features

References

External links

OpenUI5 official website
{{Application frameworks JavaScript libraries