rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jonas Zeunert
2025-07-18 23:13:11 +02:00
parent c9485bf576
commit 652812eed0
2354 changed files with 1266414 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

642
html/ionic.md2.html Normal file
View File

@@ -0,0 +1,642 @@
<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>