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!

• Examples
• Community Packages
• Videos
• Articles
• Tools
• Resources

= 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.

• react-onsenui-redux-weather

• vue-onsenui-kitchensink - Official kitchensink example of vue-onsenui.

• Material select dialog with v-ons-alert-dialog

• 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.

• react-redux-onsenui-webpack-boilerplate

• 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

• Improving Your Development Workflow with Webpack, React Hot Loader and Onsen UI - webpack 1

• 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.

• Building a Calculator App with Redux and Onsen UI - Redux

• 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

• PWA with Vue JS + Onsen UI [Part 1] - PWA
• Getting Started with Meteor and Onsen UI - Meteor

• 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.

• Official Website
• Official Blog

• Official Community
• Official Gitter
• Stack Overflow

• 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.
• @frandiox (Fran Dios) - Lead engineer.
• @n_matagawa (Naoki Matagawa) - Engineer.