OpenUI5

Code once.
Run on any device.

What is it?

OpenUI5 is an open source JavaScript UI library, maintained by SAP and available under the Apache 2.0 license. OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice. It’s based on JavaScript, using jQuery as its foundation, and follows web standards. It eases your development with a client-side HTML5 rendering library including a rich set of controls, and supports data binding to different models (JSON, XML and OData).

Get started!

Extract the archive containing this index.html file to a web server. OpenUI5 is then ready to be used.
Try it right away! Create a simple OpenUI5 Hello World app: just paste the code below into a new HTML file, make sure the URL pointing to the sap-ui-core.js file (line 8) matches the actual file location on your server, and open the HTML file in a browser. 

<!DOCTYPE html>  
<html>
   <head>  
      <meta http-equiv='X-UA-Compatible' content='IE=edge' />  
      <title>Hello World</title>  
  
      <script id='sap-ui-bootstrap' 
           src='[INSTALLATION LOCATION]/resources/sap-ui-core.js'  
           data-sap-ui-theme='sap_belize'  
           data-sap-ui-libs='sap.m'></script>   
  
      <script>  
         var btn = new sap.m.Button({  
            text:'Hello World',  
            press:function(){alert('Hello!');}  
         });  
         btn.placeAt('content');  
      </script>

   </head>
   <body id='content' class='sapUiBody'>
   </body>
</html>
You should then see a button that opens an alert box when clicked. Did it work? Congratulations! You have just installed your own copy of OpenUI5 and successfully created a simple OpenUI5 app!

Dig deeper!

Read the Developer Guide — in particular the Walkthrough and the other tutorials — and refer to the API Reference. Check out stackoverflow.com to discuss code-related problems and questions. You can use both tags, "sapui5" and "openui5". Or join the lively discussion forum in the SAP Community Network. You can also get an invitation to the unofficial OpenUI5 Slack channel created by the community.

Contribute!

You can help make UI5 better by reporting or analyzing bugs or by contributing bug fixes or new features.