Menu hamburger icon


Develop even more powerful apps with Cordova 6.5

Our development team is proud to announce that applications created with Monaca can now use Cordova 6.5. With the Cordova 6.5 support, many additional features will be available in Monaca, such as Android Nougat, iOS 11, the iOS library management tool “CocoaPods” as well as the Swift-made plugins. In addition, once the Cordova 6.5 support is released, the Cordova version of all newly created projects will be 6.5.

Create Awesome User Interfaces On Par With Popular Apps Using Onsen UI

For those may not know, Onsen UI offers a rich variety of UI components and tons of ready to implement features, specially designed for mobile apps. However, with all these possibilities one can’t help but be puzzled about how can all these components be combined to create an app. For that purpose, we in the Onsen UI team will show you how to use a combination of Onsen UI components to create a user interface pattern almost identical to the one of the popular music app Spotify!

Swipe to pop is now available! - Onsen UI 2.5.0

Onsen UI

The Onsen UI team has been working to provide you with exciting new features at every new release. Behold as here come some more!

In this article we introduce the features added in recent versions 2.4.0 and 2.5.0:

  • Swipe to pop (2.5.0)
  • Native <template> Support (2.4.0)
  • <script> in <ons-page> and Page Lifecycle Hooks (2.4.0)
  • Caching / Preloading External Templates (2.4.0)

Onsen UI has full Vue.js support!

Onsen UI and Vue.js

This is it. After months of grooming the Vue.js bindings to a sweet and stable spot, the Onsen UI team is happy to announce that our bindings for Vue.js are now available as a permanent product.

As the Vue community is growing bigger and bigger, if you were looking for the best mobile UI framework to build your Vue.js mobile apps with, look no further than this blog post. Just as simple, performant and powerful as Vue, keep reading to find out all about the added value Onsen UI can bring to your projects.

Presenting Onsen UI's newest components

You may have happened to read our last blog post about some of the progress we have reached lately in Onsen UI. Well surprise surprise, that’s not all.

We want to take our hybrid app framework one step further, so besides all those recent updates about stability improvement in iOS and so on, in recent version 2.3.0 we have added brand new core components that you can start using right away.

Keep reading if you’d like to get acquainted with these new components.

Onsen UI 2.2.6: recent updates and iOS stability improvement

You may recall that 2 months ago (March 14) we released Onsen UI 2.2.0. Since then we have continuously worked hard to improve Onsen UI according to the feedback we’ve been receiving (e.g. GitHub issues). That effort culminated in the latest version, 2.2.6.

In this post we’d like to explain what the most recent updates of Onsen UI are all about.

Monaca Localkit 2.3.0 released with new transpiling features

We are happy to announce the release of Monaca Localkit 2.3.0. As you may have already noticed, recently we have been focused on improving the user experience for the transpiling environment integrated into Localkit and that’s exactly what this new Localkit release brings.

Let’s not waste time and let’s take a look at the new features recently implemented and ready to be immediately used with your Vue, React and Angular2 templates!

Start your Vue Mobile App Now. Onsen UI for Vue 2 Beta Release

Onsen UI and Vue.js

We are excited to announce that the Vue Components for Onsen UI beta version is finally out. `vue-onsenui@2.0.0-beta.0` is now available on NPM and you can start creating Vue mobile apps with the power of Onsen UI. Vue UI for mobile devices made easy.

In this article we also show how to create a kitchen sink app that includes most of the components with and without Vuex.

Monaca CLI support for Onsen UI 2.2.0 and Vue 2

This week we have two news to announce. First of all, following the recent release of Onsen UI 2.2.0 now we also provide support for it in Monaca CLI version 2.2.0. Therefore, you can use transpirable frameworks Angular 2+ and React with the new Onsen UI and cssnext. Moreover, from now on, you can create Vue.js 2 project in CLI based on our standard templates: Minimum, Navigation, Splitter and Tabbar. The new Vue 2 templates support the 2.0.0-alpha.1 version of the Vue binding and the newest Onsen UI. Below we prepared a short tutorial that shows how to create a Vue 2 project in Monaca CLI.

Onsen UI 2.2.0 Release: CSS Upgrade

Onsen UI and Vue.js

Onsen UI 2.2.0 has been released! It comes with new features, some breaking changes and many bug fixes not only for the core, but for Angular, React and Vue bindings as well.

Together with Onsen UI, new versions of Monaca CLI and LocalKit will be released to support the latest changes.

Status of Vue 2 binding alpha and roadmap for beta

Onsen UI and Vue.js

It has been 4 weeks since we released 2.0.0-alpha.0. We know, we know, alpha is a scary tag. That’s why we’re looking to move on from it as fast as possible.

In this post we give you Vue developers the latest news regarding just that.

Obsolete methods of our Vue components in 2.0.0-alpha.1 and later

In 2.0.0-alpha.0 we provided not only props, events and slots but also methods as an API for interacting with and controlling our Vue components.

But since the use of methods does not come naturally because it does not follow the convention of Vue.js, we decided to obsolete the methods API in 2.0.0-alpha.1 and later.

Beta Distribution via DeployGate and HockeyApp

New Feature: Beta Distribution via DeployGate and HockeyApp

We’ve got another good news to share with you.

On top of the iOS App Uploader feature to distribute your apps via App Store, Monaca now brings you the ability to manually deploy the apps to third-party distribution services. This way, you can distribute your app for testing before uploading to any app market.

(If you’d like to automate this process, check out the limited release Monaca CI)

The services initially integrated with Monaca are DeployGate and HockeyApp.

To do this, just follow these 4 easy steps:

Monaca LocalKit 2.2.0 release

Monaca Team is happy to announce the release of the Monaca LocalKit version 2.2.0. For who has never heard about it, Monaca LocalKit is a tool that allows the development and management of Monaca projects locally. In this version, we are giving more control over the synchronization between the local and the cloud environment, providing direct download and upload functionality and giving the ability to review the project changes. Let’s get deeper on the latest updates that LocalKit brings:

Onsen UI News & Roadmap

Onsen UI Roadmap

After a long time working on making Onsen UI framework agnostic and releasing bindings for Vue 2, React and Angular, we plan to give some love to the core library in the shape of new components and features. Discover here the next Onsen UI roadmap.

Monaca: The New Build Has Arrived

I know I know, Monaca Team has been pretty quiet. Sorry about the lack of communication. We’ll try to be better. Lots going on!

One of the things we’ve been working on is to improve your build experience. And we are happy to release an update today. Woo hoo!

New Build UI

Let’s go over the changes, shall we?

Onsen UI with Vue 2 will soon be possible!

Onsen UI and Vue.js

Vue.js is a lightweight library used to create user interfaces. Its powerful but still intuitive API makes it very easy to learn. Vue has long been a favorite for us in the Onsen UI team and we know that some of our users are already creating apps using Vue and Onsen UI. We are happy to announce that we are currently working on adding better support.

Vue 2 was recently released and it looks very good. The API for creating components will stay almost the same as in the previous version, which makes migration very easy, but internally a lot of changes has been made to make the library more efficient.

Take part in Onsen UI 2.0 Tutorial Contest


We recently released Onsen UI 2.0, which is framework-agnostic, supports both flat and material design, offers a rich collection of UI components and is just beyond beautiful and performant. Whoever has tried it was mesmerised, and in order to continue great development and gain better community support, we need your help spreading the word. And we will award your efforts!

Meet us at AngularConnect in London

AngularConnect 2016

We are very proud to take part in Europe’s Largest Angular Conference, AngularConnect. Onsen UI Team is getting ready for a 2-day, multi-track conference that brings together world’s leading Angular experts, including the core Angular team at Google. If you are in London as well next week, make sure to get in touch with us (best through our community forum) and meet us there! See you on September 27th and 28th.

Onsen UI 2.0 is here!

Onsen UI is here!

It’s been a little over four months since we released the first RC version of Onsen UI 2.0. Since then we have gone through several iterations, ironing out the creases in order to deliver a great UI solution for all hybrid and mobile web app developers out there.

Onsen UI is an UI framework & tools to create native mobile apps with HTML5 hybrid app technology. It is designed to make it easy and efficient for developers to design apps. We aim to make the UI components easy to use while still giving developers a lot of power to customize their behavior.

Got a question? Ask us anything! Reddit IAMA session coming up soon!

All your questions will be answered during our Founder and CEO Masahiro Tanaka’s Reddit (I)AMA session

Reddit Onsen UI

Have questions about Monaca, Onsen UI, hybrid app development, flying planes, or life in Japan? Anything else? Our founder and CEO Masahiro Tanaka will be ready and available to answer all your questions on September 14th, at 1:30PM Pacific Time. Masa will be in San Francisco during the session, and you can check time date and time for your time zone here.

Preview! Vue.js support for Onsen UI

Onsen UI and Vue.js

Vue.js is a frontend framework for creating reactive components. It provides a very simple but powerful API. Its simplicity makes it very easy to get started writing apps.

Onsen UI is a collection of components for hybrid apps. With Onsen UI you can easily create beautiful mobile user interfaces. We have just released a preview version of our binding library for Vue.js which makes it possible to integrate the Onsen UI components in Vue.js apps.

Angular 2 for Onsen UI is here! 🚀

Onsen UI for Angular 2

It’s time to unveil the beta version of our Angular 2 components for Onsen UI. We have worked hard to bring you these components and hope you are as excited as we are!

Angular 2 has come a long way since it was released at ng-conf last year and is shaping up to be a powerful framework, both for creating traditional web apps and hybrid apps. We are proud to make our own contribution to the growing ecosystem of Angular 2.

Onsen UI Angular 2 Components coming soon!

Onsen UI bindings

Recently it may have looked like we’ve been focusing mainly on React, but we have also worked hard on bringing you components and directives for Angular 2. Next week they will be available through both npm and Monaca CLI.

Onsen 1.x was based on Angular 1, but with Onsen 2 we decided to take a different approach. We separated the core logic and styles, so that it can be used with any framework. We also started working on wrappers, so that it can be used in a more natural way in the most popular frameworks.

AngularJS 1 have been supported for quite some time already. Recently we released React Components and next week it’s time for the long awaited Angular 2. We are very excited about this release and we hope you are as well!

We can’t wait to see the amazing apps you create when combining the rich collection of components of Onsen UI with the power of Angular 2.

Monaca x Onsen UI American Roadshow

Monaca x Onsen UI US Roadshow 2016

Los Angeles, Dallas, Boston, New York City, Seattle

Get ready for us!

Our team is organizing a series of meetups throughout the United States. In addition to our presence at the PhoneGap Day US in Salt Lake City, we are kindly inviting you to join ur meetups in Los Angeles, Dallas, Boston, New York and Seattle. For information about each city, please check the links inside the article.

Monaca x Onsen UI Community Forum Release

Monaca x Onsen Community

The new version of Onsen UI is coming and we are paving the way. We are happy to announce that the new Monaca x Onsen UI Community Forum has been released! Many developers have requested a forum for Onsen UI and Monaca Tools where they could ask questions, share their progress, get community feedback and meet other developers. We hope you like it and join our brand new community!

Announcing the Onsen UI 2.0 Beta

Announcing Onsen UI 2.0 Beta

After several months of hard work we are happy to announce the release of the Onsen UI 2.0 beta version. This release comes packed with new features and beautiful UI components. We have created a webpage solely dedicated to the Onsen UI 2.0 beta, complete with documentation and design patterns.

One of the new features we are most excited about is the introduction of Material Design into Onsen UI. Material Design lets you easily create a native-like experience for Android users. Of course, the original flat theme is still included so you can now easily create apps that look good and native on both iOS and Android.

Although this is a completely new version of Onsen UI, we realize that a lot of users have apps made using Onsen UI 1.x and want to upgrade. For this reason we want to make migration as easy and painless as humanly possible. We provide a binding library for AngularJS that is almost 100% backwards compatible.

Material Design in Onsen UI

Onsen UI 2.0 Material Design

We have some exciting news for all of you developing hybrid apps for Android! Onsen UI 2.0 is adding Material Design!

Since Onsen UI hybrid app framework can be used to create apps for iOS and Android, it makes sense to provide native-like UI components for both platforms. That’s why we are currently implementing Material Design, adding new components alongside the current iOS based ones.

Many users have requested the Material Design support. We’ve listened to those voices and are working hard to make it available for you as soon as possible. Material Design is currently being implemented in parallell with Onsen UI 2.0, so get ready for native-like Android components included in the next major version.

Onsen UI Roadmap: New release and Onsen 2.0

Onsen UI Theme Customization

We would like to give you an update on what we’ve been working on lately and what we have in store for the future.

Onsen UI 1.3.4 was just released with a bunch of improvements. As we’ve mentioned earlier we’re also hard at work with the next major release of Onsen UI which will be version 2.0.

We’re really excited about this release and we hope you are too!

Follow Onsen UI at Angular U Conference!

Angular U

Dear followers, as many of you probably already know, this week, in San Francisco, the Angular U Conference 2015 will be held. For those of you who never heard of it, Angular U is an Angular conference covering Angular 1.x, 2, TypeScript, ECMAScript 6, Web Components and more. That’s why we couldn’t miss this event!

Andreas Argelius, core developer on Onsen UI and Monaca, will attend the event and talk about “Angular + Cordova + Monaca = Killer mobile app development”!

We are going to O'Reilly Fluent!


Dear followers, we are happy to announce that we will attend O’Reilly Fluent Conference 2015, this week! For those of you who never heard of it, the O’Reilly Fluent Conference is an event for developers working with JavaScript, HTML5, and other web technologies. Fluent covers the full scope of the Web Platform and its associated technologies, including WebGL, CSS3, mobile APIs, Node.js, AngularJS, ECMAScript 6, and more.

Onsen UI has been definitely typed! Developing with TypeScript

Definitely Typed Onsen UI 1.3

As part of the new utilities introduced in version 1.3, Onsen UI now supports TypeScript. Don’t worry, we won’t port Onsen UI to TypeScript, but we’ve got type definitions to support those who prefer a strongly typed development!

These definitions will inform you about the existing objects, functions and parameters while you develop with Onsen UI, and will automagically check that your app doesn’t mess up with function and variable types.

Onsen UI now supports Windows Phone 8.1!

Windows Phone

More hybrid and cross-platform than ever: your mobile apps developed with Onsen UI now run on Windows Phone!

Miscrosoft’s platform is getting popular and its popularity is expected to keep rising when Windows 10 arrives. Onsen UI will help you to reach this market with the same code that is already running on Android and iOS. You can now support three platforms with the same effort as supporting one would take!

Onsen UI 1.3 has been released!

Onsen UI 1.3

We are happy to announce that Onsen UI 1.3 has just been released! In the new version you will find not only bug fixes and improvements but also some awesome new features that will improve the experience of using Onsen UI. We also believe this is the most stable release of Onsen UI to date.

One of the main features introduced with this version of Onsen UI is a Window Universal (Windows Phone 8.1, Windows 8.1 and IE 11) partial support! We will release another blog post in the upcoming days describing exactly what this entails.

In this article we will introduce some of the main changes and additions in the framework. For a full list of changes, please refer to the Changelog.

We have a New Website and it's Open Source!

In conjunction with the release of Onsen UI 1.2.2 we made a complete rehaul of the website which is now public. In addition to improving the design we’ve added lots of new content.

The new documentation is packed with useful information, we’ve added nightly builds, integrated the blog into the website and we’re also releasing the website code publicly on GitHub to make it easier for you to make contributions.

Onsen UI 1.2.2 comes loaded with Pull to Refresh and Infinite Lists!

We are proud to announce that we’ve just released Onsen UI 1.2.2. This version includes a couple of exciting new features plus lots of improvements and bug fixes. In this article we will introduce some of the changes. For an exhaustive list of changes please refer to the Changelog.

As you can probaly see we’ve also made a complete rehaul of the website. The design has been updated and we’ve also made a lot of improvements to the documentation. Every component now has its own page with a lot more information than before. Please check out the new website where you can also download the latest version of Onsen UI.

Major New Release: Onsen UI 1.1 Reduces AngularJS Complexity, Supports jQuery

Onsen UI 1.1.0 Release

Onsen UI 1.1 is a major new release of our popular custom elements-based HTML5 UI framework. Want to build mobile UIs? It’s even easier than before! Onsen UI 1.1 has arrived with some of the coolest features to date - including the ability to now use jQuery.

First, we’ve added an interface for non-AngularJS applications. This means web developers and designers without ANY AngularJS knowledge can now easily create beautiful hybrid mobile apps by using a window object version of Onsen UI. You jQuery users now have a very high performance alternative to jQuery Mobile. Have a deep understanding of AngularJS and love working with it? Don’t worry. Onsen UI is still an AngularJS-based product, so you AngularJS hackers can continue to work with it as you normally do!

Second, the screen transitions and page navigations are rewritten from scratch to increase performance and allow more fine-grain control. Event handlings, custom animations, and design customizations are very easy.

Third… well, read on for more details and links around Onsen UI 1.1 new features!

Introducing Onsen CSS Components

Onsen CSS Components is a web-based theme roller for Topcoat that lets PhoneGap developers create beautiful UIs easily. Many standard UI components are supported and are easily customizable via a web interface. It also has a growing selection of beautiful UI patterns, each containing HTML and CSS to show how to reproduce the pattern.

Onsen UI 1.0.3 Hot Fix

Today we released Onsen UI 1.0.3 which fix a critical bug in navigator’s attributes.

The following attributes were affected:

  • left-button-icon
  • right-button-icon
  • on-left-button-click
  • on-right-button-click
  • hide-toolbar

Introducing Onsen UI 1.0

Today we are really excited to introduce the new version of Onsen UI. This release brings new themes and animation, new components, swipe support, grid system, bug fixes and other enhancements.