OpenUI5 is a

JavaScript JavaScript (), often abbreviated as JS, is a programming language and core technology of the World Wide Web, alongside HTML and CSS. Ninety-nine percent of websites use JavaScript on the client side for webpage behavior. Web browsers have ...

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 inte ...

designed to build

cross-platform Within 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 platform, computing platforms. Some ...

, 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 and view the source code, design documents, or content of the product. The open source model is a decentrali ...

project maintained by

SAP SE Sap is a fluid transported in the 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 s ...

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

, jQuery, and

LESS Less or LESS may refer to: Computing * less (Unix), a Unix utility program * Less (style sheet language), a dynamic style sheet language * Large-Scale Scrum (LeSS), a product development framework that extends Scrum Other uses * -less, a priv ...

. 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 divides the related program logic into three interconnected elements. These elements are: * the model, the internal representat ...

patterns,

data binding In computer programming, data-binding is a general technique that binds data sources from the provider and consumer together and synchronizes them. This is usually done with two data/information sources with different languages, as in XML data bin ...

, its own UI-element library, and

internationalisation 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 strategy not only for ...

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 Sap is a fluid transported in the 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 s ...

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 () is a Proprietary software, proprietary developer platform that allows developers to create, store, manage, and share their code. It uses Git to provide distributed version control and GitHub itself provides access control, bug trackin ...

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 data. It defines a set of rules for encoding electronic document, documents in a format that is both human-readable and Machine-r ...

HTML Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It defines the content and structure of web content. It is often assisted by technologies such as Cascading Style Sheets ( ...

, JavaScript or

JSON JSON (JavaScript Object Notation, pronounced or ) is an open standard file format and electronic data interchange, data interchange format that uses Human-readable medium and data, human-readable text to store and transmit data objects consi ...

) * Data binding with OData,

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

References

External links

OpenUI5 official website

web-gate.org
{{Application frameworks JavaScript libraries