OnsenUI/OnsenUI


Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

https://onsen.io/

License: Apache-2.0

Language: JavaScript

Keywords: android, angular, cordova, customelements, html, hybrid-apps, ios, javascript, material, monaca, onsen-ui, pwa, react, vue, webcomponents


Forum TypeScript definitions
Circle CI NPM version CDNJS

Onsen UI - Cross-Platform Hybrid App and PWA Framework

Onsen UI is an open source framework that makes it easy to create native-feeling Progressive Web Apps (PWAs) and hybrid apps.

The core library is written in pure Javascript (on top of Web Components) and is framework agnostic, which means you can use it with your favorite framework and its tools. We provide some extra binding packages to make it easy to use Onsen UI's API with many popular frameworks:


React

Angular 2+


Vue


AngularJS 1.x

Some other frameworks are supported by community packages (not tested or implemented by the core team): Aurelia, EmberJS.

Both flat (iOS) and Material (Android) designs 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.

Getting started

We have several resources to help you get started creating hybrid apps and PWAs with Onsen UI:

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 the core Onsen UI library. To install bindings, you can install react-onsenui, vue-onsenui, ngx-onsenui or angularjs-onsenui.

Download or request from a CDN

You can also take the necessary files from a CDN. Some of the options are unpkg, jsDelivr and cdnjs.

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.

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 ecosystem

Because sometimes a UI framework may not be enough to make hybrid app development easy, Onsen UI comes with a complete ecosystem of well integrated tools. Meet Monaca.

Developed by the Onsen UI team, Monaca is a toolkit that makes hybrid mobile app development with PhoneGap / Cordova simple and easy: Onsen UI Cordova 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:

Cloud IDE - Command Line Interface - Localkit GUI

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 --browser # Production build on the cloud

See the Onsen UI Getting Started Page for more information.

Browser Support

Onsen UI is tested to work with the following browsers and mobile OS.

  • Android 4.4.4+
  • iOS 9+
  • Chrome
  • Safari

Contribution

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.

Project Statistics

Sourcerank 14
Repository Size 178 MB
Stars 7,655
Forks 889
Watchers 341
Open issues 108
Dependencies 5,749
Contributors 109
Tags 139
Created
Last updated
Last pushed

Top Contributors See all

anatoo Andreas Argelius Fran Dios Naoki Matagawa Kruy Vanna Ilia Yatchev Eric Corson Rui Júnio Silva Andi Pavllo asialgearoid Igor Minar Masahiro Tanaka Patrick Klitzke puku0x Masanori Uehara Thomas Fétiveau Rob Taylor Yang Li Vojta Jina Ryo Shibayama

Packages Referencing this Repo

onsenui
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and perform...
Latest release 2.10.10 - Published - 7.66K stars
org.webjars.npm:onsenui
WebJar for onsenui
Latest release 2.9.2 - Updated - 7.66K stars
angularjs-onsenui
AngularJS bindings for Onsen UI
Latest release 1.0.1 - Updated - 7.66K stars
ngx-onsenui
Official Angular directives for Onsen UI.
Latest release 7.0.0 - Updated - 7.66K stars
org.webjars.npm:react-onsenui
WebJar for react-onsenui
Latest release 1.1.0 - Published - 7.66K stars
onsenuijimmy
Test NPM
Latest release 1.0.0 - Published - 7.66K stars
vue-onsenui
Vue.js bindings for Onsen UI
Latest release 2.6.2 - Updated - 7.66K stars
onsenui-ilove
HTML5 Mobile Framework & UI Components
Latest release 2.10.11 - Updated - 7.66K stars
onsenui
HTML5 Mobile Framework & UI Components
Latest release 2.10.10 - Updated - 7.66K stars
react-onsenui
Onsen UI - React Components for Hybrid Cordova/PhoneGap Apps with Material Design and iOS UI comp...
Latest release 1.11.2 - Updated - 7.66K stars

Recent Tags See all

2.10.10 July 29, 2019
2.10.9 July 25, 2019
2.10.8 April 01, 2019
2.10.7 March 31, 2019
2.10.6 November 30, 2018
2.10.5 October 05, 2018
2.10.4 July 20, 2018
2.10.3 July 10, 2018
2.10.2 July 03, 2018
2.10.1 May 28, 2018
2.10.0 May 17, 2018
2.9.2 February 16, 2018
2.9.1 January 26, 2018
2.9.0 January 25, 2018
2.8.3 December 13, 2017

Interesting Forks See all

wisedu/OnsenUI
Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components
JavaScript - Other - Last pushed - 4 stars
crypticterminal/OnsenUI
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and perform...
JavaScript - Other - Updated - 1 stars
andreabarry1/OnsenUI
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and perform...
JavaScript - Other - Updated - 1 stars
CNXTEoE/OnsenUI
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and perform...
JavaScript - Updated - 1 stars
Liuhongliang1111/OnsenUI
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and perform...
JavaScript - Updated - 1 stars - 1 forks

Something wrong with this page? Make a suggestion

Last synced: 2019-10-03 02:04:17 UTC

Login to resync this repository