Onsen UI - Cross-Platform HTML5 Hybrid App Framework
It is open source and designed to deliver native look and feel. Apps are made out of simple HTML tags, thus providing a gentle learning curve.
Both iOS flat and Android’s Material design are included. The components are optionally auto-styled based on the platform, which makes it possible to support both iOS and Android with the same source code.
We have several resources to help you get started creating hybrid apps with Onsen UI:
- The official docs: we provide guides and references for the core library (vanilla JS or jQuery) as well as the Vue, React, Angular2 and AngularJS 1.x components.
- Playground: an interactive Onsen UI tutorial is also available where you can learn how to use the library and play around with the components.
- Blog: there are lots of great tutorials and guides published in our official Onsen UI blog and we are adding new content regularly.
- Support: if you are having trouble using some component the best place to get help is the Onsen UI Forum or Gitter chat. We are also available to answer short questions on Twitter at @Onsen_UI.
Onsen UI ecosystem
Because sometimes a UI framework may not be enough to make hybrid app development easily, Onsen UI comes with a complete ecosystem of well integrated tools. Meet Monaca.
Developed by the same team, Monaca Platform is a toolkit that makes hybrid mobile app development with PhoneGap / Cordova simple and easy: Onsen UI Cordova-like templates, debugging suite, push notifications, remote build, back-end solutions, encryption, version control, continuous integration and more. Furthermore, it provides multiple development environments with everything already configured and ready to go:
Example with CLI:
$ [sudo] npm -g install monaca $ monaca create helloworld # And choose the starter template $ monaca preview # Preview on the browser $ monaca debug # Preview on a real device $ monaca remote-build # Production build on the cloud
See the Onsen UI Getting Started Page for more information.
Examples with source code
There are lots of sample applications written using Onsen UI. Here are some examples with source code and tutorials to give you an idea of what kind of apps you can create.
Onsen UI is tested with the following browsers and mobile OS.
- Android 4.4.4+ (and Android 4.0+ with Crosswalk engine)
- iOS 8+
Get Onsen UI
- Download the latest released version
We have a distribution repository with changelog. Onsen UI is also available in npm, bower and jspm. Example:
npm install onsenui
This downloads Onsen UI main library and AngularJS bindings. For other bindings, install also
- Get the latest development build
Optionally, you can download the latest development build here. Be careful, usually everything there is already tested but it might be unstable sometimes.
We welcome your contribution, no matter how big or small! Please have a look at the contribution guide for details about project structure, development environment, test suite, code style, etc. All the version updates are mentioned in the changelog.