Awesome Ionic []

A curated list of awesome Ionic libraries, resources, and solutions from Ionic 1 to the latest version of the framework.

This repository is maintained by Fikayo Adepoju and Alessio Delmonti. For discussions about PRs and contributions, contact Fikayo via DM on twitter.

Resources by Version

• General
• Ionic 1 (Angularjs)
• Ionic Angular (2+)
• Ionic React
• Ionic Vue
• Capacitor
• Built with Ionic
• Stencil

General

• Official Website
• Blog
• Documentation
• Github Repository
• Community Forum
• Capacitor
• Ionic Native
• Appflow
• Ionic Enterprise
• Ionic Global Community
• Ionic Youtube Channel
• Ionic on CodePen
• Ionic IRC
• Ionic Starter Apps
• Ionic Free Tutorials

Capacitor

• Official Website
• Documentation
• Capacitor Plugins
• Blog
• Forum
• Github Project
• Twitter

Built With Ionic

• WhatsApp Clone

Ionic Angular

Complete projects

Awesome Demos

• Ionic 4 PWA Demo App
• Ionic Lottie Sample

Boilerplate/Demo Apps

• Ionic 4 Full Starter App and PWA [NEW]
• Ionic 3 Starter App Template
• Ion2FullApp - Ionic 3 Template
• Ionic Boilerplate
• Cordova File Transfer
• Update your App
• Fullscreen Content
• Card Layout
• Ionic 2 Boilerplate
• Ionic 2 Advanced Components
• ORC Scan App
• Ionic Country Explorer

Open source apps

• Ionic 4 PWA Demo App [NEW]
• Ionic 4 Forms and Validations [NEW]
• Ionic 4 Facebook Login [NEW]
• Ionic 4 Google Login [NEW]
• Ionic 4 Twitter Login [NEW]
• Ionic 4 Manga reader [NEW]
• Wordpress Integration App
• Question & Answers Ionic 3 App
• Ionic 3 Image handling
• Google Maps + Geolocation + Places
• Ionic 3 Admob Integration
• Ionic 3 Upload Image to Firebase
• Submit Ionic form data to Firebase Cloud Firestore
• Ionic NoSql
• Ionic Soundboard
• Ionic Soundboard with remote sounds
• Ionic Twitter Pwa
• Realty
• mHUD - Car App Speed tracking
• Restaurant App
• Conference App
• Conference App based on Lanyrd API
• Wordpress Client
• Media Player
• Social App
• Push Notification
• Weather app
• Reddit Reader
• YouTube
• Freshlypressed API App
• Geo Fence
• Image Gallery
• Real-World App
• Bwitter - Twitter
• Inoffical "Myki" App
• Timer App
• aiEyes

Tutorials

Video Tutorials

• Ionic 2 Quickstart
• Build a Todo App from Scratch with Ionic 2
• Ionic 2: How to Use Google Maps & Geolocation
• Ionic 2 in One Hour
• Build a Custom Flash Card Component in Ionic 2
• Hacking CSS in Ionic 2
• Learn Ionic 3 From Scratch

Basics

• Build a complete mobile app with Ionic 3
• Ionic Application Structure
• Setup your development environment to build Ionic apps
• Beginners Guide to Getting Started with Ionic 2
• Ionic 2 First Look Series: Your First Ionic 2 App Explained
• How to Convert an Ionic 1 Application to Ionic 2
• A Simple Guide to Navigation in Ionic 2
• 10 Minutes with Ionic 2: Adding Pages and Navigation
• 10 Minutes with Ionic 2: Calling an API
• How To Update Your Application Project and CLI
• How to Create a Data Model in Ionic 2
• Ionic 2 and External Libraries
• Understanding Zones and Change Detection
• Understanding Ionic 2: Pipe
• How to Manipulate Data in Ionic 2: Part 1
• How to Manipulate Data in Ionic 2: Part 2
• Filtering, Mapping, and Reducing Arrays in Ionic 2

Theming

• A Guide to Styling an Ionic 2 Application
• Best practice when adding FontAwesome to an ionic2 app
• A List of Common CSS Utility Attributes in Ionic 2

Components

• Ionic and Wordpress Integration using Wordpress REST API
• Add Google Maps, Places, and Geolocation to an Ionic 3 App
• How to Create a Sliding Delete Button for Lists
• Creating a Sliding Introduction Component in Ionic 2
• How to Create a Custom Loading Component in Ionic 2
• Build a Simple Progress Bar Component in Ionic 2
• Create a News Feed with 360-Degree Photo Viewing in Ionic 2
• Build a Tap to Reveal Component in Ionic 2

Authentication

• Add Twitter Login to an Ionic 4 App
• Add Google Login to an Ionic 4 App
• Add Facebook Login to an Ionic 4 App
• Add Touch ID Authentication To An Ionic 2 Mobile App
• Successful OAuth Social Login with Firebase
• Using An Oauth 2.0 Service Within An Ionic 2 Mobile App
• Ionic 2 and Auth0
• Handling a Simple User Authorization
• Authenticate Ionic 2 with WordPress

Unit Testing

• Ionic 2 Unit Testing
• How to Unit Test an Ionic 2 Application
• Test Driven Development in Ionic 2: An Introduction to TDD

Ionic Native / Cordova Plugins

• Using Cordova Plugins in Ionic 2 with Ionic Native
• How to Work With Cordova Plugins
• 10 Minutes with Ionic 2: Using the Camera with Ionic Native
• How to Use Google Maps & Geolocation
• Determine Network Availability
• Monetize With Google Admob In An Ionic 2 Mobile App
• Show Native Toast Notifications In An Ionic 2 Mobile App
• Having Fun With Cordova Geolocation Plugin
• Use SQLite In Ionic 2 Instead Of Local Storage
• Launch Websites With Ionic 2 Using The InAppBrowser
• Add Barcode Scanning Functionality To Your Ionic 2 App
• Use Google Analytics In An Ionic 2 Android And iOS App
• Share Things On Social Media Via An Ionic 2 Mobile App
• How To Use PouchDB + SQLite For Local Storage In Ionic 2
• Adding Background Geolocation to an Ionic 2 Application
• Getting Familiar with Local Notifications in Ionic 2
• Create a Nearby Places List with Google Maps in Ionic 2 – Part 1
• Create a Nearby Places List with Google Maps in Ionic 2 – Part 2
• Applozic Chat & In App Messaging
• Kommunicate Live Chat Plugin for Customer Support

Backend as a Service

• 10 Minutes with Ionic 2: Calling an API
• Using Http to Fetch Remote Data from a Server in Ionic 2
• Making REST HTTP Requests Like a Pro
• Posting data from Ionic 2 app to a PHP server
• Make HTTP Requests In An Ionic 2 Android And iOS App
• Integrating Firebase with AngularFire2 into AngularJS & Ionic2

i18n & l10n

• Internationalize and Localize Your Ionic 3 App With Ng Translate for Angular 5
• Internationalize and Localize Your App With Angular 2

Tools

• Ionic2-vscode
• Vim-ionic2
• Ionic 4 Snippets

Components

Merged from here.

Animations

• Lottie Animation
• Lottie Animation

UI Library

• Ionic 4 UI Component Library

Menu, Tabs

• Scrollabel Tabs
• Circular Tabs
• Fab Toolbar
• Multi Level Sidemenu
• Popover Sidemenu
• Drop down Title

Form / Input

• Autocomplete
• Form Generator based on JSON
• Dynamic Forms
• Form Builder
• Sidemenu tabs

Input - Date/Calendar

• Calendar
  • Calendar
  • Calendar
  • Calendar
  • Calendar (very powerful)
  • Calendar - Fullcalendar
• Datepicker
  • Datepicker
  • Datepicker (selectable range dates calendar)
  • Datepicker
• Rating
• Inputfield Mask

Lists/Table

• Sortable/Filter Tables
• Smart table (sorting, filtering ...)
• Flexible and Light Table

Images

• Signatur works perfect with
• Image Fallback
• Lazy Load
• Image Loader
• Facebook Gallery
• Image Viewer
• Gallery Modal
• Image Zoom

Charts/Diagram

• Charts
• D3 Approaches
  • D3 Service
  • D3 Barchart
  • D3 Line/Bar/Pie Charts

Video/Audio

• Video Editor
• Audio Recorder
• Simple Audioplayer

Keyboards

• Digit Keyboard

Dialog

• Dialogbox with Counter

Frames

• ng Lightning (for Salesforce Apps)

Are you Italian?

Join the italian Ionic Framework community!