The Answer to
PhoneGap UI Development

A Custom Elements-Based HTML5 UI Framework

Getting Started Download v1.0.4 Apache License 2.0

Supported Browsers

  • Android2.3.4+
  • iOS6+
    Mobile Safari
  • Chrome
  • Safari

Made for Mobile Hybrid App

Onsen UI is a front-end development framework for PhoneGap/Cordova hybrid apps. It focuses on the creation of usable mobile applications. Also, used with Monaca, it is simple to develop backend features and add device support.

Custom Elements-Based

By simply adding a few lines of code, it becomes possible to create the UI components(navigation bars, tab bars, buttons, etc.) necessary for your application.

Built with Angularjs & Topcoat

Onsen UI is developed using Angular.js and Topcoat. Due to its robust architecture structure for mobile applications, you can take advantage of the powerful features of Angular.js.

Beautiful & Smooth

Based on the Topcoat CSS framework, and adding CSS animation, OnsenUI can provide a native-like look & feel. Unlike other hybrid apps so far, it does not sacrifice the user experience in a mobile environment.

Other Features

Free and Open Source

Onsen UI is released under the Apache License and development is housed on Github. It is free and open for anyone to use.

Bundled with Font Awesome

Font Awesome is bundled with Onsen UI. This makes it easy to develop and display the exact icons you need.

Selectable Themes

Provides many different themes, with native-like designs, and you can always build or customize your very own.


By relying on HTML and CSS, Onsen UI is highly customizable to suit the many needs that come with development and design.

Screen Transition

App operations have a native-like user experience (UX) with smooth animations on cross platform PhoneGap/Cordova apps.

GUI Tool Coming Soon

With drag & drop support, our GUI tool will make all aspects of front-end development much easier. Scheduled for release in early July.

Fork me on GitHub