Onsen UI

About Onsen UI

Onsen UI is an HTML5 framework for building hybrid and mobile web apps using JavaScript, HTML, and CSS. It provides a library of pre-built UI components designed for mobile interfaces, including tabs, side menus, stack navigation, lists, and forms, with automatic styling that adapts to iOS or Android Material design conventions so a single codebase can target both platforms. It integrates with AngularJS 1.x, Angular 2+, React, and Vue.js (2 and 3), and can also be used with plain JavaScript via Web Components.

The framework is built for developers creating Cordova/PhoneGap-style hybrid apps, with animations tuned for performance on lower-end mobile devices. It is developed by the Monaca x Onsen UI Team and works with Monaca's command-line tools, desktop app, device debugger with live-reload, and cloud build service for preparing apps for app store submission.

The product includes documentation, an interactive tutorial, sample apps, a theme roller, a playground, and a community forum as learning and development resources. According to the site, apps built with Onsen UI have shipped on over 100 million mobile devices, with examples including a cycling race app, a sleep-tracking app, and a golf score tracker.

Key features

• Ready-to-use mobile UI components: tabs, side menu, stack navigation, lists, and forms
• Automatic iOS and Android Material design styling from the same source code
• Performance-optimized animations tuned for smooth behavior on lower-end devices
• Framework bindings for AngularJS, Angular 2+, React, and Vue.js
• Integrates with Monaca for command-line tools, live-reload debugging, and cloud builds

Frequently asked questions