A curated list of awesome Onsen UI resources. Inspired by the awesome list things.
Are you planning to write an article, create a package, or even write the app using Onsen UI?
If you would like us to add your awesome Onsen UI content, open an issue ticket with a URL and short description of your content. Pull request are also welcome!
= for JavaScript and jQuery users
= for AngularJS users
= for Angular users
= for React users
= for Vue users
- Onsen UI Kichensink
- Official kitchensink example of
onsenui
.
- Twitter Example
- Twitter-like template.
- Spotify Example
- Spotify-like template.
- Instagram Example
- Instagram-like template.
- Netflix Example
- Netflix-like template.
- OnsenUI-YouTube
- Example app using YouTube API.
-
ngx-onsenui-kitchensink
- Kitchensink example of
ngx-onsenui
by puku0x. -
angular2-onsenui-pokedex
- Example app using Pokédex API.
- ngx-onsenui-ngrx-todo
- Onsen UI + Angular + ngrx + PhoneGap.
-
react-onsenui-kitchensink
- Official kitchensink example of
react-onsenui
.
-
vue-onsenui-kitchensink
- Official kitchensink example of
vue-onsenui
.
- Circular Reveal for Search Box
- Circular reveal effect made with
<v-ons-ripple>
.
- Carousel with indicator and colors
- Made with
<v-ons-carousel>
.
- vue-onsenui-cordova-iphonex
- An example Cordova project supporting iPhone X using Onsen UI
- angularjs-onsenui2-webpack2
- Onsen UI + AngularJS + webpack 2 + PhoneGap + ES2017 + SCSS/cssnext. [Japanese]
- ngx-onsenui-phonegap-starter
- Onsen UI + Angular + PhoneGap. [Japanese]
- ngx-onsenui-pwa
- PWA with ngx-onsenui.
- ngx-onsenui on Plunker
- Template for Plunker, an Online Code Editor.
- ngx-onsenui on StackBlitz
- Template for StackBlitz, an Online VSCode IDE.
- onsenui-vue-router-pwa
- Onsen UI + Vue + Vue Router + Axios.
- ember-onsenui - Ember.js integration of Onsen UI.
- aurelia-onsenui - Aurelia integration of Onsen UI.
- aurelia-onsenui-kitchensink - Kichensink example of
aurelia-onsenui
. - scala-js-onsenui - Scala.js facades for Onsen UI.
- Creating a very simple app with HTML, CSS & Javascript - Part 1/3 - Onsen UI
- Hybrid app tutorial: Getting started with Onsen UI 2 framework
- Official guide of Onsen UI
- Official guide of Onsen UI for AngularJS
- Official guide of Onsen UI for Angular
- Official guide of Onsen UI for React
- Official guide of Onsen UI for Vue
- Style your app automatically with Onsen UI
- Auto Styling
- Navigation and Tabs in the Onsen UI React Extension
- How to use and combine Navigator and Tabbar in React
- Creating Custom Modifiers
- How to theme Onsen UI app.
- Create Awesome User Interfaces On Par With Popular Apps Using Onsen UI
- How to create a Spotify-like app.
- Onsen UI with ui-router
- Onsen UI + AngularUI Router.
- Onsen UI YouTube Jukebox with AngularJS
- YouTube API
- Creating a Pokémon hybrid app with Angular 2 and Onsen UI
- Pokédex API
- Real time Chat App with OnsenUI and Horizon!
- Horizon
- Getting started with Onsen apps in Visual Studio
- Visual Studio 2015
- Inside Onsen UI: Web Components
- Create reusable and future-proof UI components with Custom Elements v1 and Web Components
- Onsen UI Playground
- Official interactive examples of Onsen UI.
-
Monaca
- Build and test Cordova apps remotely, from anywhere. Maintained by Onsen UI Team.
-
Monaca Cloud IDE
- Cloud-based IDE.
-
Monaca Localkit
- Desktop integration.
-
Monaca CLI
- CLI.
- Onsen UI Newsletter - The subscription form is located at the bottom of Onsen UI website.
- @Onsen_UI - Official Twitter account.
- @massie (Masa Tanaka) - Head of product management for Onsen UI.
- @n_matagawa (Naoki Matagawa) - Engineer.