Awesome
Awesome Ionic [
]
<p alt="Awesome Ionic" align="center"><img src="awesome-ionic.png" /></p>
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
Built With Ionic
Ionic Angular
Complete projects
Awesome Demos
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
Components
Merged from here.
Animations
UI Library
Menu, Tabs
Form / Input
Input - Date/Calendar
- Calendar
- Calendar
- Calendar
- Calendar
- Calendar
(very powerful) - Calendar - Fullcalendar
- Calendar
- Datepicker
- Rating
- Inputfield Mask
Lists/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
Video/Audio
Keyboards
Dialog
Frames
Are you Italian?
Join the italian Ionic Framework community! 