rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
master
awesome-awesomeness/html/ionic.html
rhetenor 5916c5c074 update lists
2025-07-18 22:22:32 +02:00

643 lines
26 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<h1 id="awesome-ionic-awesome">Awesome Ionic <a
href="https://awesome.re"><img src="https://awesome.re/badge-flat2.svg"
alt="Awesome" /></a></h1>
<div data-align="center">
<pre><code>&lt;img width=&quot;100%&quot; src=&quot;https://raw.githubusercontent.com/Cap-go/awesome-ionic/main/awesome_ionic.png&quot; alt=&quot;Awesome ionic&quot;&gt;
&lt;br&gt;</code></pre>
</div>
<br/>
<div data-align="center">
<p>⚡ A curated list of awesome resources related to the
<a href='https://www.ionicframework.com/'>Ionic</a> Framework. <br />
Ionic is an open-source mobile application framework that makes it easy
to build cross-platform mobile apps with web technologies. <br/>
<a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FCap-go%2Fawesome-ionic%2Ftree%2Fmain&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false"/></a></p>
</div>
<div data-align="center">
<h2>
<a href="https://capgo.app/?ref=awesomelist_ionic"> ➡️ Get Instant
updates for your Capacitor App with Capgo 🚀</a>
</h2>
<h2>
<a href="https://capgo.app/consulting/?ref=awesomelist_ionic"> Fix your
annoying bug now, Hire a Capacitor expert 💪</a>
</h2>
</div>
<p><br></p>
<p><br></p>
<h2 id="contents">Contents</h2>
<ul>
<li><a href="#current-ionic-version">Current Ionic version</a></li>
<li><a href="#official-resources">Official Resources</a></li>
<li><a href="#ionic-fundamentals">Ionic Fundamentals</a></li>
<li><a href="#theming">Theming</a></li>
<li><a href="#components-tutorials">Components tutorials</a></li>
<li><a href="#authentication">Authentication</a></li>
<li><a href="#unit-testing">Unit Testing</a></li>
<li><a href="#ionic-native--cordova-plugins">Ionic Native / Cordova
Plugins</a></li>
<li><a href="#payment-gateway-integrations">Payment Gateway
Integrations</a></li>
<li><a href="#backend-as-a-service">Backend as a Service</a></li>
<li><a href="#i18n--l10n">i18n &amp; l10n</a></li>
<li><a href="#tools">Tools</a></li>
<li><a href="#video-tutorials">Video Tutorials</a></li>
<li><a href="#books">Books</a></li>
<li><a href="#boilerplatedemo-apps">Boilerplate/Demo Apps</a></li>
<li><a href="#components">Components</a>
<ul>
<li><a href="#libraries">Libraries</a></li>
<li><a href="#animations">Animations</a></li>
<li><a href="#ui-library">UI Library</a></li>
<li><a href="#menu-tabs">Menu, Tabs</a></li>
<li><a href="#form--input">Form / Input</a></li>
<li><a href="#input---datecalendar">Input - Date/Calendar</a></li>
<li><a href="#liststable">Lists/Table</a></li>
<li><a href="#images">Images</a></li>
<li><a href="#chartsdiagram">Charts/Diagram</a></li>
<li><a href="#videoaudio">Video/Audio</a></li>
<li><a href="#keyboards">Keyboards</a></li>
<li><a href="#dialog">Dialog</a></li>
<li><a href="#frames">Frames</a></li>
</ul></li>
<li><a href="#open-source-projects">Open Source Projects</a></li>
<li><a href="#contribute">Contribute</a></li>
<li><a href="#author">Author</a></li>
</ul>
<h2 id="current-ionic-version">Current Ionic version</h2>
<p><a href="https://badge.fury.io/js/@ionic%2Fangular"><img
src="https://badge.fury.io/js/@ionic%2Fangular.svg"
alt="npm version" /></a></p>
<h2 id="official-resources">Official Resources</h2>
<ul>
<li><a href="http://ionicframework.com/">Site</a></li>
<li><a href="http://blog.ionic.io/">Blog</a></li>
<li><a href="https://ionicframework.com/docs">Documentation</a></li>
<li><a
href="https://ionicframework.com/docs/developing/starting">Getting
Started Guide</a></li>
<li><a href="https://github.com/driftyco/ionic-native/">Ionic
Native</a></li>
<li><a href="http://forum.ionicframework.com/">Community Forum</a></li>
<li><a
href="https://www.youtube.com/channel/UChYheBnVeCfhCmqZfCUdJQw">Ionic
YouTube Channel</a></li>
<li><a href="http://showcase.ionicframework.com/">Showcase</a></li>
<li><a href="https://github.com/ionic-team/ionic-framework">GitHub
Repo</a></li>
<li><a href="https://github.com/riderx/awesome-capacitor">Awesome
Capacitor</a></li>
</ul>
<h2 id="ionic-fundamentals">Ionic Fundamentals</h2>
<ul>
<li><a
href="http://www.joshmorony.com/beginners-guide-to-getting-started-with-ionic-2/">Beginners
Guide to Getting Started with Ionic</a></li>
<li><a
href="http://www.joshmorony.com/ionic-2-first-look-series-your-first-ionic-2-app-explained/">Ionic
First Look Series: Your First Ionic App Explained</a></li>
<li><a
href="http://www.joshmorony.com/how-to-convert-an-ionic-1-application-to-ionic-2/">How
to Convert an Ionic 1 Application to Ionic</a></li>
<li><a
href="http://www.joshmorony.com/a-simple-guide-to-navigation-in-ionic-2/">A
Simple Guide to Navigation in Ionic</a></li>
<li><a
href="http://blog.ionic.io/10-minutes-with-ionic-2-adding-pages-and-navigation/">10
Minutes with Ionic: Adding Pages and Navigation</a></li>
<li><a
href="http://www.joshmorony.com/how-to-create-a-data-model-in-ionic-2/">How
to Create a Data Model in Ionic</a></li>
<li><a
href="http://mhartington.io/post/ionic2-external-libraries/">Ionic and
External Libraries</a></li>
<li><a
href="http://www.joshmorony.com/understanding-zones-and-change-detection-in-ionic-2-angular-2/">Understanding
Zones and Change Detection in Ionic &amp; Angular 2</a></li>
<li><a
href="http://mcgivery.com/understanding-ionic-2-pipe/">Understanding
Ionic: Pipe</a></li>
<li><a
href="http://www.joshmorony.com/how-to-manipulate-data-in-ionic-2-part-1/">How
to Manipulate Data in Ionic: Part 1</a></li>
<li><a
href="http://www.joshmorony.com/how-to-manipulate-data-in-ionic-2-part-2/">How
to Manipulate Data in Ionic: Part 2</a></li>
<li><a href="https://www.youtube.com/watch?v=A-4CLa05tp0">Filtering,
Mapping, and Reducing Arrays in Ionic</a></li>
<li><a
href="https://enappd.com/blog/how-to-create-an-ionic-4-app-for-beginners/13">Build
a basic mobile app with Ionic 4</a></li>
<li><a
href="https://enappd.com/blog/automatically-read-sms-in-ionic-4-apps/42">Read
SMS in Ionic 4 apps</a></li>
<li><a
href="https://enappd.com/blog/using-geolocation-geocoding-and-reverse-geocoding-in-ionic-4/45">Geolocation,
geocoding and reverse geocoding in Ionic 4</a></li>
<li><a
href="https://enappd.com/blog/rtl-right-to-left-use-in-ionic-4/50">RTL
(right-to-left) layout in Ionic 4 apps</a></li>
<li><a
href="https://enappd.com/blog/implement-ionic-4-firebase-push/34">Push
notifications in Ionic 4 apps</a></li>
<li><a
href="https://enappd.com/blog/implement-google-vision-in-ionic-4/43">Google
Vision in Ionic 4 apps</a></li>
<li><a
href="https://buttercms.com/blog/integrating-buttercms-with-ionic">Add
headless ButterCMS to your Ionic App by Mike Hartington</a></li>
</ul>
<h2 id="theming">Theming</h2>
<ul>
<li><a
href="http://www.joshmorony.com/a-guide-to-styling-an-ionic-2-application/">A
Guide to Styling an Ionic Application</a></li>
<li><a
href="http://luiscabrera.site/tech/2017/01/09/fontawesome-in-ionic2.html">Best
practice when adding FontAwesome to an ionic2 app</a></li>
<li><a
href="http://www.joshmorony.com/a-list-of-common-css-utility-attributes-in-ionic-2/">A
List of Common CSS Utility Attributes in Ionic</a></li>
<li><a href="https://devdactic.com/5-animation-packages-ionic/">5
Animation Packages You Can Immediately Use Inside Your Ionic
App</a></li>
</ul>
<h2 id="components-tutorials">Components tutorials</h2>
<ul>
<li><a
href="http://www.joshmorony.com/ionic-2-how-to-create-a-sliding-delete-button-for-lists/">How
to Create a Sliding Delete Button for Lists</a></li>
<li><a
href="http://www.joshmorony.com/creating-a-sliding-introduction-component-in-ionic-2/">Creating
a Sliding Introduction Component in Ionic</a></li>
<li><a
href="http://www.joshmorony.com/how-to-create-a-custom-loading-component-in-ionic-2/">How
to Create a Custom Loading Component in Ionic</a></li>
<li><a
href="http://www.joshmorony.com/build-a-simple-progress-bar-component-in-ionic-2/">Build
a Simple Progress Bar Component in Ionic</a></li>
<li><a
href="http://www.joshmorony.com/create-a-news-feed-with-360-degree-photo-viewing-in-ionic-2/">Create
a News Feed with 360-Degree Photo Viewing in Ionic</a></li>
<li><a
href="https://www.joshmorony.com/build-a-tap-to-reveal-component-in-ionic-2/">Build
a Tap to Reveal Component in Ionic</a></li>
</ul>
<h2 id="authentication">Authentication</h2>
<ul>
<li><a
href="https://enappd.com/blog/twitter-login-in-ionic-4-apps-using-firebase/24">Twitter
Login in Ionic 4 App using Firebase</a></li>
<li><a
href="https://enappd.com/blog/facebook-login-in-ionic-4-apps-using-firebase/25">Facebook
Login in Ionic 4 App using Firebase</a></li>
<li><a
href="https://enappd.com/blog/google-login-in-ionic-4-apps-using-firebase/39">Google
Login in Ionic 4 App using Firebase</a></li>
<li><a
href="https://enappd.com/blog/firebase-anonymous-login-in-ionic-4/37">Anonymous
Login in Ionic 4 App using Firebase</a></li>
<li><a
href="https://enappd.com/blog/email-authentication-with-firebase-in-ionic-4/38">Basic
Email Login in Ionic 4 App using Firebase</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/03/add-touch-id-authentication-ionic-2-mobile-app/">Add
Touch ID Authentication To An Ionic Mobile App</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/01/using-an-oauth-2-0-service-within-an-ionic-2-mobile-app/">Using
An Oauth 2.0 Service Within An Ionic Mobile App</a></li>
<li><a href="http://blog.ionic.io/ionic-2-and-auth0/">Ionic and
Auth0</a></li>
<li><a
href="https://auth0.com/authenticate/ionic2/wordpress">Authenticate
Ionic with WordPress</a></li>
</ul>
<h2 id="unit-testing">Unit Testing</h2>
<ul>
<li><a
href="http://www.joshmorony.com/how-to-unit-test-an-ionic-2-application/">How
to Unit Test an Ionic Application</a></li>
<li><a
href="https://www.joshmorony.com/test-driven-development-in-ionic-2-an-introduction-to-tdd/">Test
Driven Development in Ionic: An Introduction to TDD</a></li>
</ul>
<h2 id="ionic-native-cordova-plugins">Ionic Native / Cordova
Plugins</h2>
<ul>
<li><a
href="https://enappd.com/blog/spotify-like-music-in-ionic-4-apps/48">Playing
music in Ionic 4 apps</a></li>
<li><a
href="https://enappd.com/blog/best-fitness-plugins-for-ionic-4-how-to-use-pedometer/15">How
to implement health plugin - Pedometer in Ionic 4</a></li>
<li><a
href="http://www.joshmorony.com/using-cordova-plugins-in-ionic-2-with-ionic-native/">Using
Cordova Plugins in Ionic with Ionic Native</a></li>
<li><a
href="http://blog.ionic.io/10-minutes-with-ionic-2-using-the-camera-with-ionic-native/">10
Minutes with Ionic: Using the Camera with Ionic Native</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/01/determine-network-availability-in-an-ionic-2-mobile-app/">Determine
Network Availability</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/02/monetize-google-admob-ionic-2-mobile-app/">Monetize
With Google Admob In An Ionic Mobile App</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/01/show-native-toast-notifications-in-an-ionic-2-mobile-app/">Show
Native Toast Notifications In An Ionic Mobile App</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2015/12/use-sqlite-in-ionic-2-instead-of-local-storage/">Use
SQLite In Ionic Instead Of Local Storage</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/01/launch-websites-with-ionic-2-using-the-inappbrowser/">Launch
Websites With Ionic Using The InAppBrowser</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/02/add-barcode-scanning-functionality-to-your-ionic-2-app/">Add
Barcode Scanning Functionality To Your Ionic App</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/03/use-google-analytics-in-an-ionic-2-android-and-ios-app/">Use
Google Analytics In An Ionic Android And iOS App</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/02/share-things-on-social-media-via-an-ionic-2-mobile-app/">Share
Things On Social Media Via An Ionic Mobile App</a></li>
<li><a
href="http://gonehybrid.com/how-to-use-pouchdb-sqlite-for-local-storage-in-ionic-2/">How
To Use PouchDB + SQLite For Local Storage In Ionic</a></li>
<li><a
href="http://www.joshmorony.com/adding-background-geolocation-to-an-ionic-2-application/">Adding
Background Geolocation to an Ionic Application</a></li>
<li><a
href="http://www.joshmorony.com/getting-familiar-with-local-notifications-in-ionic-2/">Getting
Familiar with Local Notifications in Ionic</a></li>
<li><a
href="http://www.joshmorony.com/create-a-nearby-places-list-with-google-maps-in-ionic-2-part-1/">Create
a Nearby Places List with Google Maps in Ionic – Part 1</a></li>
<li><a
href="http://www.joshmorony.com/create-a-nearby-places-list-with-google-maps-in-ionic-2-part-2/">Create
a Nearby Places List with Google Maps in Ionic – Part 2</a></li>
</ul>
<h2 id="payment-gateway-integrations">Payment Gateway Integrations</h2>
<ul>
<li><a
href="https://enappd.com/blog/ionic-4-stripe-payment-integration-with-firebase-for-apps-and-pwa/17">Ionic
4 Stripe Payment Integration</a></li>
<li><a
href="https://enappd.com/blog/ionic-4-paypal-payment-integration-for-apps-and-pwa/16">Ionic
4 PayPal Payment Integration</a></li>
<li><a
href="https://enappd.com/blog/how-to-integrate-apple-pay-in-ionic-4-apps/21">Ionic
4 Apple Pay Payment Integration</a></li>
<li><a
href="https://enappd.com/blog/how-to-integrate-razorpay-in-ionic-4-apps-and-pwa/20">Ionic
4 Razorpay Payment Integration</a></li>
</ul>
<h2 id="backend-as-a-service">Backend as a Service</h2>
<ul>
<li><a
href="http://blog.ionic.io/10-minutes-with-ionic-2-calling-an-api/">10
Minutes with Ionic: Calling an API</a></li>
<li><a
href="http://www.joshmorony.com/using-http-to-fetch-remote-data-from-a-server-in-ionic-2/">Using
Http to Fetch Remote Data from a Server in Ionic</a></li>
<li><a
href="http://www.nikola-breznjak.com/blog/ionic2/posting-data-from-ionic-2-app/">Posting
data from Ionic app to a PHP server</a></li>
<li><a
href="https://www.thepolyglotdeveloper.com/2016/01/make-http-requests-in-an-ionic-2-android-and-ios-app/">Make
HTTP Requests In An Ionic Android And iOS App</a></li>
</ul>
<h2 id="i18n-l10n">i18n &amp; l10n</h2>
<ul>
<li><a
href="https://enappd.com/blog/how-to-translate-in-ionic-4-globalization-internationalization-and-localization/11">Internationalize
and Localize Your Ionic 4 App</a></li>
<li><a href="https://github.com/fkirc/attranslate">attranslate</a> -
Semi-automated translation of JSON and other resource files.</li>
</ul>
<h2 id="tools">Tools</h2>
<ul>
<li><a
href="https://marketplace.visualstudio.com/items?itemName=jgw9617.ionic2-vscode">Ionic2-vscode</a></li>
<li><a href="https://github.com/akz92/vim-ionic2">Vim-ionic2</a></li>
<li><a
href="https://chromewebstore.google.com/detail/capacitor-safe-area-simul/ddaaodgcccedhjbjeollookhompnlfhi">Capacitor
safe area simulator</a> - Chrome extension to simulate safe area in the
browser, it support Ionic, Knsta UI and Tailwind Capacitor.</li>
</ul>
<h2 id="video-tutorials">Video Tutorials</h2>
<ul>
<li><a
href="http://www.joshmorony.com/build-a-todo-app-from-scratch-with-ionic-2-video-tutorial/">Build
a Todo App from Scratch with Ionic</a></li>
<li><a
href="http://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/">Ionic:
How to Use Google Maps &amp; Geolocation</a></li>
<li><a href="https://www.youtube.com/watch?v=BKFQKywl_GM">Build a Custom
Flash Card Component in Ionic</a></li>
<li><a href="https://www.youtube.com/watch?v=sXFmkdhOEVc">Hacking CSS in
Ionic</a></li>
<li><a
href="https://www.youtube.com/watch?v=JcEGTektejA&amp;list=PLYxzS__5yYQng-XnJhB21Jc7NW1OIaqct">Learn
Ionic 3 From Scratch</a></li>
</ul>
<h2 id="books">Books</h2>
<ul>
<li><a
href="https://www.joshmorony.com/building-mobile-apps-with-ionic-2/">Building
Mobile Apps with Ionic</a></li>
<li><a
href="https://www.packtpub.com/web-development/ionic-2-blueprints">Ionic
Blueprints</a></li>
<li><a
href="https://www.packtpub.com/application-development/hybrid-mobile-development-ionic">Hybrid
Mobile Development with Ionic</a></li>
</ul>
<h2 id="boilerplatedemo-apps">Boilerplate/Demo Apps</h2>
<ul>
<li><a
href="https://ionicthemes.com/product/ionic4-full-starter-app">Ionic 4
Full Starter App and PWA</a></li>
<li><a
href="https://ionicthemes.com/product/ion2fullapp-full-ionic2-app-template-elite-version">Ionic
3 Starter App Template</a></li>
<li><a
href="https://ionicthemes.com/templates/ion2fullapp-full-ionic2-app-template">Ion2FullApp
- Ionic 3 Template</a></li>
<li><a href="https://github.com/marcoturi/ionic-boilerplate">Ionic
Boilerplate</a></li>
<li><a
href="https://github.com/dsgriffin/ionic-2-file-transfer-example">Cordova
File Transfer</a></li>
<li><a href="https://github.com/NextFaze/ionic-manup">Update your
App</a></li>
<li><a href="https://github.com/RedFroggy/ionic2-nfc-app">NFC
Demo</a></li>
<li><a
href="https://github.com/sebaferreras/Ionic2-FullscreenContent">Fullscreen
Content</a></li>
<li><a href="https://github.com/joshuamorony/ionic2-card-layout">Card
Layout</a></li>
<li><a href="https://github.com/marcoturi/ionic2-boilerplate">Ionic
2</a></li>
<li><a href="https://github.com/yannbf/ionic2-components">Ionic 2
Advanced Components</a></li>
<li><a href="https://github.com/matiastucci/ionic-ocr-example">OCR Scan
App</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-stripe-payment-starter/">Ionic
4 Payment Gateway Starter - Stripe</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-paypal-payment-starter/">Ionic
4 Payment Gateway Starter - Paypal</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-razorpay-payment-starter/">Ionic
4 Payment Gateway Starter - Razorpay</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-apple-pay-starter/">Ionic
4 Payment Gateway Starter - Apple Pay</a></li>
<li><a href="https://store.enappd.com/product/ionic-4-full-app/">Ionic 5
Complete App and PWA Starter</a></li>
<li><a
href="https://store.enappd.com/product/taxi-booking-complete-platform/">Ionic
5 Complete Taxi Booking Platform Starter</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-grocery-complete-platform-app-and-admin-dashboard/">Ionic
5 Grocery Shopping Starter with Admin Panel</a></li>
<li><a
href="https://store.enappd.com/product/dating-app-starter-ionic4-tinder-clone/">Ionic
5 Tinder Starter</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-spotify-app-starter/">Ionic
5 Spotify Starter</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-food-ordering-app-starter/">Ionic
5 Food Delivery App Starter</a></li>
<li><a
href="https://store.enappd.com/product/carpool-app-starter/">Ionic 5
Carpooling App Starter</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-google-vision-starter/">Ionic
5 Google Vision Starter</a></li>
<li><a
href="https://store.enappd.com/product/ionic-4-firebase-full-app-starter/">Ionic
5 Firebase Full App Starter</a></li>
<li><a
href="https://store.enappd.com/product/ionic-vue-firebase-full-app/">Ionic
6 vue Firebase Full App Starter</a></li>
<li><a
href="https://store.enappd.com/product/ionic-react-full-app-capacitor/">Ionic
6 React Full App Starter</a></li>
<li><a
href="https://store.enappd.com/product/capacitor-full-app-with-ionic-angular/">Ionic
6 Capacitor Full App Starter</a></li>
</ul>
<h2 id="components">Components</h2>
<h3 id="libraries">Libraries</h3>
<ul>
<li><a href="https://github.com/Cap-go/tailwind-capacitor">Capacitor
Tailwind</a> - A Tailwind CSS plugin for Capacitor.</li>
<li><a href="https://ionicblocks.com/">Ionic Blocks</a> - A collection
of free and premium Ionic components.</li>
</ul>
<h3 id="animations">Animations</h3>
<ul>
<li><a href="https://github.com/chenqingspring/ng-lottie">Lottie
Animation</a></li>
<li><a href="https://github.com/fivethree-team/lottie">Lottie
Animation</a></li>
</ul>
<h3 id="ui-library">UI Library</h3>
<ul>
<li><a href="https://github.com/fivethree-team/ionic-4-components">Ionic
4 UI Component Library</a></li>
</ul>
<h3 id="menu-tabs">Menu, Tabs</h3>
<ul>
<li><a
href="https://github.com/SinoThomas/Ionic2-ScrollableTabs">Scrollabel
Tabs</a></li>
<li><a href="https://github.com/SinoThomas/Ionic2-CircularTabs">Circular
Tabs</a></li>
<li><a href="https://github.com/ekhmoi/fab-toolbar">Fab Toolbar</a></li>
<li><a
href="https://github.com/sebaferreras/Ionic2-MultiLevelSideMenu">Multi
Level Sidemenu</a></li>
<li><a
href="https://github.com/philipbrack/ionic2-menu-alternative-popover">Popover
Sidemenu</a></li>
<li><a href="https://github.com/Mohd-PH/ionic-drop-down-title">Drop down
Title</a></li>
</ul>
<h3 id="form-input">Form / Input</h3>
<ul>
<li><a
href="https://github.com/kadoshms/ionic2-autocomplete">Autocomplete</a></li>
<li><a href="https://github.com/makinacorpus/angular2-schema-form">Form
Generator based on JSON</a></li>
<li><a href="https://github.com/udos86/ng2-dynamic-forms/">Dynamic
Forms</a></li>
<li><a href="https://github.com/rohitg7/ionic2-form-builder">Form
Builder</a></li>
<li><a
href="https://github.com/seanmavley/ionic2-sidemenu-tabs">Sidemenu
tabs</a></li>
<li><a
href="https://github.com/eakoriakin/ionic-selectable">Selectable</a></li>
<li><a href="https://github.com/amarkes/br-mask">Masks</a></li>
</ul>
<h3 id="input---datecalendar">Input - Date/Calendar</h3>
<ul>
<li><a
href="https://github.com/twinssbc/Ionic2-Calendar">Calendar</a></li>
<li><a
href="https://github.com/alexandretok/easy-ionic2-calendar">Calendar</a></li>
<li><a
href="https://github.com/redpandatronicsuk/ionic2calendar">Calendar</a></li>
<li><a
href="https://github.com/mattlewis92/angular-calendar">Calendar</a>
(very powerful)</li>
<li><a href="https://github.com/nekken/ng2-fullcalendar">Calendar -
Fullcalendar</a></li>
<li><a
href="https://github.com/misha130/datepicker-ionic2">Datepicker</a></li>
<li><a href="https://github.com/HsuanXyz/ion2-calendar">Datepicker
(selectable range dates calendar)</a></li>
<li><a
href="https://github.com/rajeshwarpatlolla/ionic2-datepicker">Datepicker</a></li>
<li><a href="https://github.com/andrucz/ionic2-rating">Rating</a></li>
<li><a href="https://github.com/text-mask/text-mask">Inputfield
Mask</a></li>
</ul>
<h3 id="liststable">Lists/Table</h3>
<ul>
<li><a
href="https://github.com/valor-software/ng2-table">Sortable/Filter
Tables</a></li>
<li><a href="https://github.com/akveo/ng2-smart-table">Smart table
(sorting, filtering)</a></li>
<li><a href="https://github.com/swimlane/ngx-datatable">Flexible and
Light Table</a></li>
</ul>
<h3 id="images">Images</h3>
<ul>
<li><a
href="https://github.com/wulfsolter/angular2-signaturepad">Signatur</a>
- Works perfect with Ionic.</li>
<li><a href="https://github.com/VadimDez/ng2-img-fallback">Image
Fallback</a></li>
<li><a href="https://github.com/tjoskar/ng2-lazyload-image">Lazy
Load</a><br />
</li>
<li><a href="https://github.com/zyramedia/ionic-image-loader">Image
Loader</a></li>
<li><a href="https://github.com/skyfloyd/ionic2-fb-gallery">Facebook
Gallery</a></li>
<li><a href="https://github.com/Riron/ionic-img-viewer">Image
Viewer</a></li>
<li><a href="https://github.com/nikini/ionic-gallery-modal">Gallery
Modal</a></li>
<li><a href="https://github.com/brtnshrdr/angular2-image-zoom">Image
Zoom</a></li>
</ul>
<h3 id="chartsdiagram">Charts/Diagram</h3>
<ul>
<li><a
href="https://github.com/valor-software/ng2-charts">Charts</a></li>
<li><a href="https://github.com/tomwanzek/d3-ng2-service">D3
Service</a></li>
<li><a href="https://github.com/keathmilligan/angular2-d3-v4">D3
Barchart</a></li>
<li><a href="https://github.com/datencia/d3js-angular2-example">D3
Line/Bar/Pie Charts</a></li>
</ul>
<h3 id="videoaudio">Video/Audio</h3>
<ul>
<li><a href="https://github.com/rossmartin/video-editor-ionic2">Video
Editor</a></li>
<li><a href="https://github.com/arielfaur/ionic-audio">Simple
Audioplayer</a></li>
</ul>
<h3 id="keyboards">Keyboards</h3>
<ul>
<li><a href="https://github.com/skol-pro/ion-digit-keyboard-v2">Digit
Keyboard</a></li>
</ul>
<h3 id="dialog">Dialog</h3>
<ul>
<li><a href="https://github.com/HsuanXyz/ionic2-extend-alert">Dialogbox
with Counter</a></li>
</ul>
<h3 id="frames">Frames</h3>
<ul>
<li><a href="https://github.com/ng-lightning/ng-lightning">ng Lightning
(for Salesforce Apps)</a></li>
</ul>
<h2 id="open-source-projects">Open Source Projects</h2>
<ul>
<li><a href="https://github.com/driftyco/ionic-conference-app">Ionic
Conference App</a></li>
<li><a
href="https://github.com/ccoenraets/ionic2-realty">IonicRealty</a></li>
<li><a href="https://github.com/ionic2blueprints/firebase-chat">Ionic
Firebase Chat App</a></li>
<li><a
href="https://github.com/ionic2blueprints/ionic2-marketcloud">Ionic
Ecommerce App</a></li>
<li><a href="https://github.com/ionic2blueprints/conference-app">Ionic
Conference App based on Lanyrd API</a></li>
<li><a
href="https://github.com/ionic2blueprints/ionic2-stockmarket">Ionic
Stock Tracking App</a></li>
<li><a href="https://github.com/ionic2blueprints/ionic2-wp-client">Ionic
Wordpress Client</a></li>
<li><a href="https://github.com/ionic2blueprints/media-player">Ionic
Media Player</a></li>
<li><a href="https://github.com/ionic2blueprints/social-app">Ionic
Social App</a></li>
<li><a href="https://github.com/thenaim/ionic-whatsapp-clone">Ionic 5
WhatsApp clone</a></li>
<li><a href="https://github.com/thenaim/ion-tk-social-network">Ionic 5
Social Network Starter</a></li>
<li><a href="https://github.com/aggarwalankush/ionic2-push-base">Ionic
Push Notification</a></li>
<li><a href="https://github.com/aggarwalankush/ionic2-mosum">Ionic
Weather app</a></li>
<li><a href="https://github.com/smartapant/ionic2-reddit-reader">Ionic
Reddit Reader</a></li>
<li><a href="https://github.com/brenopolanski/aiEyes">Ionic aiEyes -
Azure Computer Vision API</a></li>
<li><a href="https://github.com/rkalis/ionic-soundboard">Ionic
Soundboard</a></li>
<li><a href="https://github.com/enappd/ionic-4-push">Firebase push
notifications in Ionic 4</a></li>
<li><a href="https://github.com/enappd/Ionic-4-sms-receive">Receive SMS
automatically in Ionic 4</a></li>
<li><a href="https://github.com/enappd/ionic-4-music">Playing music in
Ionic 4</a></li>
<li><a href="https://github.com/enappd/ionic4-stripe">Ionic 4 Stripe
Payment Integration</a></li>
<li><a href="https://github.com/enappd/ionic4-paypal">Ionic 4 PayPal
Payment Integration</a></li>
<li><a href="https://github.com/enappd/ionic4-applepay">Ionic 4 Apple
Pay Payment Integration</a></li>
<li><a href="https://github.com/enappd/ionic4-razorpay">Ionic 4 Razorpay
Payment Integration</a></li>
<li><a href="https://github.com/enappd/Ionic-4-Twitter-auth">Ionic 4
Twitter login with Firebase</a></li>
<li><a href="https://github.com/enappd/ionic4-facebookAuth">Ionic 4
Facebook login with Firebase</a></li>
<li><a href="https://github.com/enappd/ionic4-i18n">Translation in Ionic
4 - Internationalization and localization</a></li>
<li><a
href="https://store.enappd.com/product/free-chat-themes-ionic4/">Ionic 4
Free chat themes</a></li>
</ul>
<h2 id="contribute">Contribute</h2>
<p>Contributions welcome! Read the <a
href="CONTRIBUTING.md">contribution guidelines</a> first.</p>
<h2 id="author">Author</h2>
<p><a href="https://capgo.app/">Capgo — Live updates for
capacitor</a></p>
<p><a href="https://github.com/candelibas/awesome-ionic">ionic.md
Github</a></p>
Reference in New Issue View Git Blame Copy Permalink