ZFiori Studio

Building prototype with Fiori-like development tool kit.

Get Started


We built enterprise-ready web applications, responsive to all devices and running on the browser of your choice.

Fiori-like Solution

Build Once. Run on any device.

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 data models (JSON, XML and OData).

  • Responsive Across Browsers and Devices.
  • Consistent User Experience.
  • Free and Open Source.

ZFiori is best described as a one-stop-shop toolkit. It has everything you need to build web applications, while leaving enough flexibility to extend. And by the way, it's the only one that gives you full functionality for free. While other popular toolkits come as a free trial with paid premium versions for full functionality, ZFiori comes as a complete product by itself – no upsells, no paid premium.


Enterprise Ready Web Toolkit

Created by professionals for modern developers building state-of-the-art web applications.It comes with all features needed to cover most current application requirements, with standards high enough to be delivered in standard solutions.

Powerful Development Concepts

Offers a solid foundation that simplifies development by managing many aspects of modern development behind the scenes. It comes with built-in support for architectural concepts like MVC, two-way Data Binding and routing.

Feature-Rich UI Controls

More than 200 UI controls are included, ranging from basic elements to complex UI patterns. Use them straight out of the box, or extend and tweak them to meet your requirements.

Free and Open Source

Well-established open source libraries and modern web standards form a powerful toolkit for the open source community.

Highcharts Lib

Highcharts is a SVG-based, multi-platform charting library that has been actively developed since 2009.

It makes it easy to add interactive, mobile-optimized charts to your web and mobile projects.

It features robust documentation, advanced responsiveness and industry-leading accessibility support.


A complete set of cloud‑based tools to design and build your enterprise app.

Design-Led Development (DLD) puts the user first by truly understanding their needs before implementing a solution.

Browse a growing collection of prototypes designed by the BUILD community. See something you love? Clone and customize it for your needs.

ECharts Lib

A powerful, interactive charting and visualization library for browser.

ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products.

It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library.

ZFiori Studio | WordPress

Coming soon ...

More Libs


Build responsive, mobile-first projects on the web with the world's most popular front-end component library.


Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces.


AngularJS is a toolset for building the framework most suited to your application development.


React makes it painless to create interactive UIs. Design simple views for each state in your application.


Humanize your business software with our services


Translate SAP's UX strategy into your business reality

  • Identify the business value of UX improvements
  • Evaluate ways to increase end-user efficiency, effectiveness, and satisfaction
  • Explore which SAP solutions and services best meet your needs


Leverage Design Services as your competitive advantage

  • Learn how to use Design Thinking as an innovation approach
  • Design new solutions together with your customers, end users, and design experts
  • Empower your organization to work in a creative environment by developing your people

Frequently Asked Questions

Communication, Sharing & Keep in touch

  • OpenUI5 is an Open Source web UI toolkit released under the Apache 2.0 license by SAP. SAPUI5 is SAP's JavaScript frontend toolkit and uses large parts of OpenUI5. The technology stack both projects are built on is often referred to as UI5 in short. It is built on web standards like JavaScript, HTML5, and CSS3.

  • First of all: OpenUI5 is not just a limited appetizer for SAPUI5! In fact, both libraries use the exact same programming model and core functionalities like MVC or data binding.

    It differs only in the number of frontend controls that are included, and that is mostly down to organizational reasons only - all of the important controls are part of OpenUI5.

    OpenUI5 was released by a group of SAP JavaScript developers and mostly contains the code this group is responsible for. Additional libraries are not included. And no, we have no intention of commercializing UI5 overall.

  • OpenUI5 is best described as a one-stop-shop toolkit. It has everything you need to build web applications, while leaving enough flexibility to extend. And by the way, it's the only one that gives you full functionality for free. While other popular toolkits come as a free trial with paid premium versions for full functionality, OpenUI5 comes as a complete product by itself – no upsells, no paid premium.

    Compared to most other libraries, OpenUI5 is a complete and comprehensive package. With other libraries, you often find yourself adding more and more small libraries, hoping and crossing your fingers that they work well together. In OpenUI5 we've taken care of this. We bundled some of the best JS libraries available, made sure they play well together, and enriched them with even more functionality.

    Business applications in particular make long-term stability and reliability of the technology stack a primary requirement. OpenUI5 is built around this. Tight integration of selected open source libraries is our main concern, while long-term stability and cross device compatibility is our main design principle. The result is a sophisticated toolkit for mission-critical applications that comes to you for free. And stays free.

  • To kick things off, take a look at our getting started section here. After that, you can read a more detailed introduction and finally refer to the developer guide and the API for full details and professional usage here. And if you happen to get stuck somewhere along the way, just check out the usual suspects such as Stack Overflow and the SAP developer network SCN.

  • The OpenUI5 community is growing rapidly. There are vital discussions and postings on Stack Overflow and personal as well as professional blogs. And of course you can also benefit from the public SAP Developer Community SCN, where the topic is discussed frequently with up to 2000 entries per month. What's more, we frequently attend public community events and Open Source conferences.

  • If you strip it right back, OpenUI5 is nothing more than JavaScript, CSS and HTML. So if you are a Web Developer familiar with these technologies and have developed using frontend toolkits before, you should be good to go. We have to emphasize that OpenUI5 is not only a widget factory but an full-blown application toolkit. As is the case with any other serious development toolkit, it will take some time to become a pro.



If we

2006 - Present


1997 - Present


1999 - Present


2008 - Present

Join Us

QQ IM Group :
Fiori (SAPUI5) Team : 514351097
Fiori (OpenUI5) Team : 241750959
SAP ABAP Tech. Team : 16799164
SAP ABAP 7.5 Team : 647878104
Alibaba ECS Team : 23204081
Tencent Wechat Team : 145378303
Tencent X5 Engine Team : 434421502

Asia, Earth, Solar System.

Copyright of this article belongs to the original author, and translation is only for sharing.