Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/fishme/awesome-ionic2-components

Should help you to get awesome components and plugins for Ionic2
https://github.com/fishme/awesome-ionic2-components

angular-components angular2 awesome-list cordova ionic-apps ionic-cordova ionic-framework ionic-plugin ionic2 ionic2-components

Last synced: 3 days ago
JSON representation

Should help you to get awesome components and plugins for Ionic2

Host: GitHub
URL: https://github.com/fishme/awesome-ionic2-components
Owner: fishme
License: gpl-3.0
Created: 2017-02-19T11:47:48.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2021-11-08T07:07:59.000Z (about 3 years ago)
Last Synced: 2024-10-30T06:32:07.448Z (about 2 months ago)
Topics: angular-components, angular2, awesome-list, cordova, ionic-apps, ionic-cordova, ionic-framework, ionic-plugin, ionic2, ionic2-components
Size: 40 KB
Stars: 207
Watchers: 27
Forks: 50
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

ultimate-awesome - awesome-ionic2-components - Should help you to get awesome components and plugins for Ionic2. (Programming Language Lists / JavaScript Lists)

README

        # Awesome Ionic 2+ Components

For me [Ionic 3](http://ionicframework.com) is one of the best [Angular 2+](https://angular.io/) UI Frameworks for Mobile Apps in combination with [Apache Cordova](https://cordova.apache.org/). This list contains no tutorials, external help pages, tips and tricks. 

This list is only filled  with real components and tools that you can use immediately. So enjoy it!

It should help you to get awesome components and plugins for Ionic2. It contains of course also a lot of Angular2 stuff.

**Legend**

* ![](angular.png) build for Angular 2+

* ![](ionic.png) build for Ionic 2+

## UI

### Localization

* [NgTranslate](https://github.com/ngx-translate/core) ![](angular.png)

* [angular-I10n](https://github.com/robisim74/angular-l10n) ![](angular.png)

### Menu, Tabs

* [Scrollabel Tabs](https://github.com/SinoThomas/Ionic2-ScrollableTabs) ![](ionic.png) 

* [Circular Tabs](https://github.com/SinoThomas/Ionic2-CircularTabs) ![](ionic.png)

* [Fab Toolbar](https://github.com/ekhmoi/fab-toolbar) ![](ionic.png)

* [Multi Level Sidemenu](https://github.com/sebaferreras/Ionic2-MultiLevelSideMenu) ![](ionic.png)

* [Popover Sidemenu](https://github.com/philipbrack/ionic2-menu-alternative-popover) ![](ionic.png)

### Form / Input

* [Autocomplete](https://github.com/kadoshms/ionic2-autocomplete) ![](ionic.png)

* [Form Generator based on JSON](https://github.com/makinacorpus/angular2-schema-form) ![](angular.png) 

* [Dynamic Forms](https://github.com/udos86/ng2-dynamic-forms/) ![](angular.png) 

* [Form Builder](https://github.com/rohitg7/ionic2-form-builder) ![](ionic.png)

* [Sidemenu tabs](https://github.com/seanmavley/ionic2-sidemenu-tabs) ![](ionic.png)

* [Tags Input](https://github.com/HsuanXyz/ionic-tags-input) ![](ionic.png)

#### Input - Date/Calendar

* **Calendar**

   * [Calendar](https://github.com/twinssbc/Ionic2-Calendar)  ![](ionic.png)

   * [Calendar](https://github.com/alexandretok/easy-ionic2-calendar) ![](ionic.png)

   * [Calendar](https://github.com/redpandatronicsuk/ionic2calendar) ![](ionic.png)

   * [Calendar](https://github.com/mattlewis92/angular-calendar) ![](angular.png) (very powerful) 

   * [Calendar - Fullcalendar](https://github.com/nekken/ng2-fullcalendar) ![](angular.png)

* **Datepicker**

   * [Datepicker](https://github.com/misha130/datepicker-ionic2)  ![](ionic.png)

   * [Datepicker (selectable range dates calendar)](https://github.com/HsuanXyz/ion2-calendar) ![](ionic.png)

   * [Datepicker](https://github.com/rajeshwarpatlolla/ionic2-datepicker) ![](ionic.png)

* [Rating](https://github.com/andrucz/ionic2-rating)  ![](ionic.png)

* [Inputfield Mask](https://github.com/text-mask/text-mask)

### Lists/Table

* [Sortable/Filter Tables](https://github.com/valor-software/ng2-table) ![](angular.png) 

* [Smart table (sorting, filtering ...)](https://github.com/akveo/ng2-smart-table) ![](angular.png)

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

### Images

* [Signatur](https://github.com/wulfsolter/angular2-signaturepad) ![](angular.png) works perfect with ![](ionic.png) 

* [Image Fallback](https://github.com/VadimDez/ng2-img-fallback) ![](angular.png)

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

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

* [Facebook Gallery](https://github.com/skyfloyd/ionic2-fb-gallery) ![](ionic.png)

* [Image Viewer](https://github.com/Riron/ionic-img-viewer) ![](ionic.png)

* [Gallery Modal](https://github.com/nikini/ionic-gallery-modal) ![](ionic.png)

* [Image Zoom](https://github.com/brtnshrdr/angular2-image-zoom) ![](angular.png)

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

### Charts/Diagram

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

* **D3 Approaches**

  * [D3 Service](https://github.com/tomwanzek/d3-ng2-service) ![](angular.png)

  * [D3 Barchart](https://github.com/keathmilligan/angular-d3js) ![](angular.png)

  * [D3 Line/Bar/Pie Charts](https://github.com/datencia/d3js-angular2-example) ![](angular.png)

### Video/Audio

* [Video Editor](https://github.com/rossmartin/video-editor-ionic2) ![](ionic.png)

* [Audio Recorder](https://github.com/tracktunes/ionic-recorder) ![](ionic.png)

* [Simple Audioplayer](https://github.com/arielfaur/ionic-audio) ![](ionic.png)

### Keyboards

* [Digit Keyboard](https://github.com/skol-pro/ion-digit-keyboard-v2) ![](ionic.png)

* [Pincode Keyboard](https://github.com/HsuanXyz/ionic2-pincode-input) ![](ionic.png)

### Dialog

* [Dialogbox with Counter](https://github.com/HsuanXyz/ionic2-extend-alert) ![](ionic.png)

### Frames

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

### Picker

* [Multi Picker](https://github.com/raychenfj/ion-multi-picker) ![](ionic.png)

## API

### Authentication

* [Social Login (Facebook, Google, LinkedIn](https://www.npmjs.com/package/angular2-social-login) ![](ionic.png) ![](angular.png)

* [Support for OAuth 2 and OpenId Connect (OIDC) in Angular.](https://github.com/manfredsteyer/angular-oauth2-oidc) ![](ionic.png) ![](angular.png)

* [Auth with Token](https://github.com/neroniaky/angular2-token) ![](ionic.png) ![](angular.png)

* [Auth with ionic2 SDK](https://github.com/LoginRadius/ionic2-sdk) ![](ionic.png)

### Others

* [Salesforce Rest API](https://github.com/ccoenraets/forcejs) ![](ionic.png) ![](angular.png)

* [Firebase Rest API](https://github.com/angular/angularfire2) ![](angular.png)

* [Google Maps](https://angular-maps.com/) ![](angular.png)

* [JSON Web Token (JWT)](https://github.com/auth0/angular2-jwt) ![](angular.png) ![](ionic.png)

* [Analytics (Google, Piwik, Kissmetrics and more)](https://github.com/angulartics/angulartics2) ![](angular.png)

* [Github Auth](https://auth0.com/authenticate/ionic2/github) ![](ionic.png)

* [PouchDB](https://github.com/ashteya/ionic2-tutorial-pouchdb) ![](ionic.png)

* [Wordpress](https://github.com/scottopolis/ionic2-wp-api) ![](ionic.png)

* [Amazon - AWS](https://github.com/vbudilov/aws-cognito-ionic2) ![](ionic.png)

* [Facebook Wrapper](https://github.com/zyramedia/ng2-facebook-sdk) ![](angular.png)

* [Microsoft Emotion API](https://github.com/lazyc97/emo-clash) ![](ionic.png)

* [Pokémons API](https://github.com/loiane/ionic2-pokedex) ![](ionic.png) (Pokémons - no joke!)

* [Codepush & Ionic2](https://github.com/ksachdeva/ionic2-code-push) ![](ionic.png)

* [SQL Interface](https://github.com/seand88/ionic2-sql-interface) ![](ionic.png)

### Pipe

* [Filtering Array](https://github.com/VadimDez/ng2-filter-pipe) ![](angular.png)

* [Pipe Collection (around 20 pipes for strings etc)](https://github.com/danrevah/ngx-pipes) ![](angular.png)

## Boilerplate/Demo Apps

* [Redux](https://github.com/janjarfalk/ionic2-angular2-ts-redux-boilerplate) ![](ionic.png)

* [Cordova File Transfer](https://github.com/dsgriffin/ionic-2-file-transfer-example) ![](ionic.png)

* [Update your App](https://github.com/NextFaze/ionic-manup) ![](ionic.png)

* [NFC Demo](https://github.com/RedFroggy/ionic2-nfc-app) ![](ionic.png)

* [Fullscreen Content](https://github.com/sebaferreras/Ionic2-FullscreenContent) ![](ionic.png)

* [Card Layout](https://github.com/joshuamorony/ionic2-card-layout) ![](ionic.png)

* [Ionic 2](https://github.com/marcoturi/ionic2-boilerplate) ![](ionic.png)

* [Ionic 2 Advanced Components](https://github.com/yannbf/ionic2-components) ![](ionic.png)

* [ORC Scan App](https://github.com/matiastucci/ionic-ocr-example) ![](ionic.png) based on [ocrad.js](https://github.com/antimatter15/ocrad.js)

## Build Stuff

* [Ionic App Script](https://github.com/driftyco/ionic-app-scripts) ![](ionic.png)

## Code Stuff

* [Redux](https://github.com/angular-redux/store) ![](angular.png)

## Projects

* [App Evangelist](https://github.com/fishme/app-evangelist.com) my own Homepage/App with [getdirectus.com](getdirectus.com)  (in progress) ![](ionic.png)

* [mHUD - Car App](https://github.com/paulcockrell/mHUD) ![](ionic.png) Speed tracking

* [Restaurant App](https://github.com/srehanuddin/Ionic2-ResturantApp) ![](ionic.png)

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

* [Realty](https://github.com/ccoenraets/ionic2-realty) ![](ionic.png)

* [Firebase Chat App](https://github.com/ionic2blueprints/firebase-chat) ![](ionic.png)

* [Ecommerce App](https://github.com/ionic2blueprints/ionic2-marketcloud) ![](ionic.png)

* [Conference App based on Lanyrd API](https://github.com/ionic2blueprints/conference-app) ![](ionic.png)

* [Stock Tracking App](https://github.com/ionic2blueprints/ionic2-stockmarket) ![](ionic.png)

* [Wordpress Client](https://github.com/ionic2blueprints/ionic2-wp-client) ![](ionic.png)

* [Media Player](https://github.com/ionic2blueprints/media-player) ![](ionic.png)

* [Social App](https://github.com/ionic2blueprints/social-app) ![](ionic.png)

* [Push Notification](https://github.com/aggarwalankush/ionic2-push-base) ![](ionic.png)

* [Weather app](https://github.com/aggarwalankush/ionic2-mosum) ![](ionic.png)

* [Reddit Reader](https://github.com/smartapant/ionic2-reddit-reader) ![](ionic.png)

* [YouTube](https://github.com/hughred22/Ionic2-Angular2-YouTube-Channel-App) ![](ionic.png)

* [Freshlypressed API App](https://github.com/rajayogan/ionic2-freshlypressed) ![](ionic.png)

* [Geo Fence](https://github.com/tsubik/ionic2-geofence) ![](ionic.png)

* [Image Gallery](https://github.com/driftyco/ionic-image-gallery-app) ![](ionic.png)

* [Real-World App](https://github.com/seeschweiler/iongithub) ![](ionic.png)

* [Bwitter - Twitter](https://github.com/obetomuniz/ionic2-bwitter) ![](ionic.png)

* [Inoffical "Myki" App](https://github.com/longzheng/mypal-ionic) ![](ionic.png)

* [Timer App](https://github.com/imjohnbo/ionic2-timer) ![](ionic.png)

* [Component Examples](https://github.com/yannbf/ionic3-components) ![](ionic.png)

* [Chat Examples](https://github.com/HsuanXyz/ionic3-chat) ![](ionic.png)

* [Indexed Scroll Examples](https://github.com/HsuanXyz/ionic2-indexed-scroll) ![](ionic.png)