Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rathoreabhijeet/awesome-ionic-4

A curated list of awesome Ionic 4 libraries, starters and resources
https://github.com/rathoreabhijeet/awesome-ionic-4

List: awesome-ionic-4

Last synced: 3 months ago
JSON representation

A curated list of awesome Ionic 4 libraries, starters and resources

Awesome Lists containing this project

README 

        
# Awesome Ionic 4 [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)]



> A curated list of awesome Ionic 4 libraries, starters and resources. This list will be updated to accommodate more awesome resources of Ionic 4 and further versions



# Resources

* [General Resources](#1-general-resources)

* [Ionic 4 with React](#2-ionic-4-react)

* [Ionic 4 with Vue](#3-ionic-4-vue)

* [Ionic 4 with Angular](#4-ionic-4-angular)



## 1. General Resources



* [Official Website](https://ionicframework.com/)

* [Blog](https://blog.ionicframework.com/)

* [Documentation](https://ionicframework.com/docs/)

* [Ionic Native](https://ionicframework.com/docs/native)

* [Github Repository](https://github.com/driftyco/ionic)

* [Showcase](http://showcase.ionicframework.com/)

* [Ionic Slack community](http://ionicworldwide.herokuapp.com/)

* [Ionic Stack Overflow](https://stackoverflow.com/questions/tagged/ionic-framework)

* [Community Forum](http://forum.ionicframework.com/)

* [Ionic Twitter](https://twitter.com/IonicFramework)

* [Ionic Facebook](https://www.facebook.com/ionicframework)

* [Ionic Medium Blogs](https://medium.com/ionic-and-the-mobile-web)

* [Ionic Youtube Channel](https://www.youtube.com/channel/UChYheBnVeCfhCmqZfCUdJQw)

* Ionic 4 Starter Apps - [Source 1](https://ionicthemes.com) | [Source 2](https://enappd.com)

* Ionic 4 Free Tutorials - [Source 1](https://ionicthemes.com/tutorials) | [Source 2](https://enappd.com/blog)

* [Free Ionic 4 Starters](https://enappd.com/blog/ionic-4-free-starters-info/33)

* [Complete Ionic Courses](https://ionicacademy.com/)



## 2. Ionic 4 React



#### Videos

* [Building hybrid mobile apps with Ionic 4 + React](https://www.youtube.com/watch?v=OmrPhSEdVPI)



#### Blogs

* [Create a basic Ionic react app](https://enappd.com/blog/how-to-make-ionic-apps-in-react-using-capacitor/26)



#### Boilerplate / Starters

* [Ionic 4 React Full App Starter](https://store.enappd.com/product/ionic-react-full-app-capacitor/)



## 3. Ionic 4 Vue



#### Video blogs

* [Ionic 4 + Vue Basics - Reddit Clone](https://www.youtube.com/watch?v=o7rb1S2Txfw)

* [Ionic 4 with Vue.js](https://www.youtube.com/watch?v=6CXtYSLbPaQ)



#### Blogs

* [Learning Vue for Ionic/Angular Developers – Part 1](https://www.joshmorony.com/learning-vue-for-ionicangular-developers-part-1/)

* [Ionic 4: Angular, Vue.js and React](https://dev.to/paulhalliday/ionic-4-angular-vue-js-and-react-1o14)

* [Skeleton Text](https://alligator.io/ionic/ionic-4-vue-skeleton-text/)



#### Boilerplate / Starters

* [Ionic Vue Starter](https://github.com/W4G1/ionic-vue-starter)



## 4. Ionic 4 Angular



### Boilerplate / Starters

* Complete App and PWA Starter - [Source 1](https://store.enappd.com/product/ionic-4-full-app/) | [Source 2](https://ionicthemes.com/product/ionic4-full-starter-app)

* [Complete Taxi Booking Platform Starter ](https://store.enappd.com/product/taxi-booking-complete-platform/)

* [Grocery Shopping Starter with Admin Panel ](https://store.enappd.com/product/ionic-4-grocery-complete-platform-app-and-admin-dashboard/)

* [Tinder Starter ](https://store.enappd.com/product/dating-app-starter-ionic4-tinder-clone/)

* [Spotify Starter ](https://store.enappd.com/product/ionic-4-spotify-app-starter/)

* [Food Delivery App Starter ](https://store.enappd.com/product/ionic-4-food-ordering-app-starter/)

* [Carpooling App Starter ](https://store.enappd.com/product/carpool-app-starter/)

* [Payment Gateway Starter - Stripe, Paypal, Razorpay and Apple Pay ](https://store.enappd.com/product/ionic-4-full-payment-app-starter/)

* [Google Vision Starter](https://store.enappd.com/product/ionic-4-google-vision-starter/)

* [Firebase Full App Starter](https://store.enappd.com/product/ionic-4-firebase-full-app-starter/)



#### Open source apps

* [Forms and Validations](https://github.com/ionicthemes/forms-and-validations-in-ionic)

* [Manga reader](https://github.com/deissh/anibe.app)

* [Firebase push notifications in Ionic 4](https://github.com/enappd/ionic-4-push)

* [Receive SMS automatically in Ionic 4](https://github.com/enappd/Ionic-4-sms-receive)

* [Playing music in Ionic 4](https://github.com/enappd/ionic-4-music)

* [Stripe Payment Integration](https://github.com/enappd/ionic4-stripe)

* [PayPal Payment Integration](https://github.com/enappd/ionic4-paypal)

* [Apple Pay Payment Integration](https://github.com/enappd/ionic4-applepay)

* [Razorpay Payment Integration](https://github.com/enappd/ionic4-razorpay)

* [Twitter login with Firebase](https://github.com/enappd/Ionic-4-Twitter-auth)

* [Facebook login with Firebase](https://github.com/enappd/ionic4-facebookAuth)

* [Google login with Firebase](https://github.com/enappd/Ionic-4-google-auth)

* [Translation - Internationalization and localization](https://github.com/enappd/ionic4-i18n)

* [Free chat themes](https://store.enappd.com/product/free-chat-themes-ionic4/)

* [Conference App](https://github.com/driftyco/ionic-conference-app)



### Blogs and tutorials



#### - Video Tutorials

* Ionic 4 crash course - [Academind](https://www.youtube.com/watch?v=r2ga-iXS5i4) | [FreeCodeCamp](https://www.youtube.com/watch?v=AvbuIRg8_Jg) | [DesignCourse](https://www.youtube.com/watch?v=qTdwUpQRptc)

* [Role Based Authentication Routing](https://www.youtube.com/watch?v=kSElNfI3cC0)

* [Routing and navigation](https://www.youtube.com/watch?v=XZHG1e_prmQ)

* [Ionic 4 changes from Ionic 3](https://www.youtube.com/watch?v=uM8q0K43qcY)



#### - Basics

* [Build a basic mobile app with Ionic 4](https://enappd.com/blog/how-to-create-an-ionic-4-app-for-beginners/13)

* [Read SMS in Ionic 4 apps](https://enappd.com/blog/automatically-read-sms-in-ionic-4-apps/42)

* [Geolocation, geocoding and reverse geocoding in Ionic 4](https://enappd.com/blog/using-geolocation-geocoding-and-reverse-geocoding-in-ionic-4/45)

* [Google Vision in Ionic 4 apps](https://enappd.com/blog/implement-google-vision-in-ionic-4/43)

* [RTL (right-to-left) layout in Ionic 4 apps](https://enappd.com/blog/rtl-right-to-left-use-in-ionic-4/50)

* [Push notifications in Ionic 4 apps](https://enappd.com/blog/implement-ionic-4-firebase-push/34)

* [Google Vision in Ionic 4 apps](https://enappd.com/blog/implement-google-vision-in-ionic-4/43)

* [Ionic Application Structure](https://ionicthemes.com/tutorials/about/ionic-application-structure)

* [Setup your development environment to build Ionic apps](https://ionicthemes.com/tutorials/about/setup-your-dev-environment-to-build-ionic-apps)



#### - Theming

* [Ionic UI, Theming & CSS Variables](https://ionicacademy.com/ionic-ui-theming/)



#### - Components

* [Ionic and Wordpress Integration using Wordpress REST API](https://ionicthemes.com/tutorials/about/ionic-wordpress-integration)



#### - Authentication

* Twitter Login in Ionic 4 App - [Using Firebase](https://enappd.com/blog/twitter-login-in-ionic-4-apps-using-firebase/24) | [Using Native Storage](https://ionicthemes.com/tutorials/about/ionic-twitter-login)

* Facebook Login in Ionic 4 App - [Using Firebase](https://enappd.com/blog/facebook-login-in-ionic-4-apps-using-firebase/25) | [Using Native Storage](https://ionicthemes.com/tutorials/about/ionic-facebook-login)

* Google Login in Ionic 4 App - [using Firebase](https://enappd.com/blog/google-login-in-ionic-4-apps-using-firebase/39) | [Native Storage](https://ionicthemes.com/tutorials/about/ionic-google-login)

* [Anonymous Login in Ionic 4 App using Firebase](https://enappd.com/blog/firebase-anonymous-login-in-ionic-4/37)

* [Basic Email Login in Ionic 4 App using Firebase](https://enappd.com/blog/email-authentication-with-firebase-in-ionic-4/38)

* [Add Twitter Login to an Ionic 4 App](https://ionicthemes.com/tutorials/about/ionic-twitter-login)

* [Add Google Login to an Ionic 4 App](https://ionicthemes.com/tutorials/about/ionic-google-login)

* [Add Facebook Login to an Ionic 4 App](https://ionicthemes.com/tutorials/about/ionic-facebook-login)



#### - Unit Testing

* [Basic unit testing in Ionic](https://ionicframework.com/blog/basic-unit-testing-in-ionic/)

* [Test components in Ionic 4](https://www.volpe.com.py/ionic/2018/12/07/test-ionic-4.html)



#### - Ionic Native / Cordova Plugins

* [Playing music in Ionic 4 apps](https://enappd.com/blog/spotify-like-music-in-ionic-4-apps/48)

* [How to implement health plugin - Pedometer in Ionic 4](https://enappd.com/blog/best-fitness-plugins-for-ionic-4-how-to-use-pedometer/15)

* [Applozic Chat & In App Messaging](https://docs.applozic.com/docs/ionic-phonegap-cordova-chat-sdk)



#### - Payment gateways

* [Ionic 4 Stripe Payment Integration](https://enappd.com/blog/ionic-4-stripe-payment-integration-with-firebase-for-apps-and-pwa/17) 

* [Ionic 4 PayPal Payment Integration](https://enappd.com/blog/ionic-4-paypal-payment-integration-for-apps-and-pwa/16) 

* [Ionic 4 Apple Pay Payment Integration](https://enappd.com/blog/how-to-integrate-apple-pay-in-ionic-4-apps/21) 

* [Ionic 4 Razorpay Payment Integration](https://enappd.com/blog/how-to-integrate-razorpay-in-ionic-4-apps-and-pwa/20) 



#### - Backend 

* [Integrating a Backend with Ionic](https://www.joshmorony.com/integrating-a-backend-with-ionic/)

* [Build An Ionic 4 App with Firebase and AngularFire 5](https://devdactic.com/ionic-4-firebase-angularfire-2/)

* [Integrating an Ionic Application with a NodeJS](https://www.joshmorony.com/integrating-an-ionic-application-with-a-nodejs-backend/)

* [Ionic 4 with Django](https://www.techiediaries.com/ionic-django-drf-backend/)



#### - i18n & l10n

* [Internationalize and Localize Your Ionic 4 App](https://enappd.com/blog/how-to-translate-in-ionic-4-globalization-internationalization-and-localization/11)



#### - Tools

* [Ionic 4 Snippets](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets)



## Components



#### - Animations

* [Lottie Animation](https://github.com/fivethree-team/lottie) ![](angular.png)



#### - UI Library

* [Ionic 4 UI Component Library](https://github.com/fivethree-team/ionic-4-components)



#### - Form / Input

* Be the first one to add



#### - Input - Date/Calendar

* Be the first one to add



### - Lists/Table

* [Flexible and Light Table](https://github.com/swimlane/ngx-datatable) ![](angular.png)



### - Images

* [Lazy Load](https://github.com/tjoskar/ng2-lazyload-image)![](angular.png)

* [Image Loader](https://github.com/zyramedia/ionic-image-loader)



### - Charts/Diagram

* [Charts](https://github.com/valor-software/ng2-charts) ![](angular.png)



### - Video/Audio

* Be the first one to add



### - Keyboards

* Be the first one to add



### - Frames

* [ng Lightning (for Salesforce Apps)](https://github.com/ng-lightning/ng-lightning) ![](angular.png)