# demo

**URL:** https://forum.ionicframework.com/c/demo/7.md

[Latest](https://forum.ionicframework.com/latest.md) · [Categories](https://forum.ionicframework.com/categories.md) · [Tags](https://forum.ionicframework.com/tags.md)

---

## [Demo category](https://forum.ionicframework.com/t/demo-category/620)

<div class="topic-metadata">

**Author:** [@adam](https://forum.ionicframework.com/u/adam)\
**Replies:** 0\
**Last updated:** [January 22, 2014, 9:46pm UTC](https://forum.ionicframework.com/t/demo-category/620 "2014-01-22T21:46:52Z")

</div>

Use this category to show off coolness you've built. Feel free to use Ionic's CDN (preferably an exact version since the nightly build changes often): http://code.ionicframework.com/ A few starters: http://codepen.io…

---

## [Sticky Notes](https://forum.ionicframework.com/t/sticky-notes/238589)

<div class="topic-metadata">

**Author:** [@Mashiane0](https://forum.ionicframework.com/u/Mashiane0)\
**Replies:** 1\
**Last updated:** [July 10, 2024, 1:49pm UTC](https://forum.ionicframework.com/t/sticky-notes/238589 "2024-07-10T13:49:32Z")

</div>

Hi Fam This is a Ionic 7 Javascript App. Its a Sticky Notes App using Local Storage. I am using a transpiler to generate javascript, html and other things. Ionic via CDN.

---

## [Ionic 5 - long press gesture example](https://forum.ionicframework.com/t/ionic-5-long-press-gesture-example/188746)

<div class="topic-metadata">

**Author:** [@marcelomoraesaguiar](https://forum.ionicframework.com/u/marcelomoraesaguiar)\
**Replies:** 7\
**Last updated:** [May 1, 2023, 5:43pm UTC](https://forum.ionicframework.com/t/ionic-5-long-press-gesture-example/188746 "2023-05-01T17:43:10Z")

</div>

When I upgraded my project to Ionic 5 I had problems with hammerjs, so I writed this directive using GestureController, I hope is usefull for someone. import { Directive, ElementRef, Input, AfterViewInit…

---

## [Ionic OCR example](https://forum.ionicframework.com/t/ionic-ocr-example/35899)

<div class="topic-metadata">

**Author:** [@matias](https://forum.ionicframework.com/u/matias)\
**Replies:** 31\
**Last updated:** [December 10, 2021, 10:50am UTC](https://forum.ionicframework.com/t/ionic-ocr-example/35899 "2021-12-10T10:50:32Z")

</div>

Hi guys, I was asked to implement an OCR in an Ionic app. So, I created this little demo: https://github.com/matiastucci/ionic-ocr-example using ocrad.js

---

## [Local maps for vacation rentals](https://forum.ionicframework.com/t/local-maps-for-vacation-rentals/158198)

<div class="topic-metadata">

**Author:** [@mixuala](https://forum.ionicframework.com/u/mixuala)\
**Replies:** 2\
**Last updated:** [January 2, 2023, 5:54pm UTC](https://forum.ionicframework.com/t/local-maps-for-vacation-rentals/158198 "2023-01-02T17:54:22Z")

</div>

I’ve been working on map/travel stuff and I wanted to show an idea for local maps for vacation rentals (e.g. Airbnb). Have a look and send me suggestions on where to take it. https://mappi3-c91f1.firebaseapp.com/local …

---

## [Ionic 6 sample application generation](https://forum.ionicframework.com/t/ionic-6-sample-application-generation/229303)

<div class="topic-metadata">

**Author:** [@gullapudigupta](https://forum.ionicframework.com/u/gullapudigupta)\
**Replies:** 0\
**Last updated:** [December 6, 2022, 3:49am UTC](https://forum.ionicframework.com/t/ionic-6-sample-application-generation/229303 "2022-12-06T03:49:32Z")

</div>

Hi , recently installed ionic (6.20.4) on my machine and trying to run demo project with capacitor plug ins it is not at all working and also the default angular version is angular 5. is this intended behavior with t…

---

## [Bluetooth Heartrate web-app (Ionic Angular) for Twitch](https://forum.ionicframework.com/t/bluetooth-heartrate-web-app-ionic-angular-for-twitch/192182)

<div class="topic-metadata">

**Author:** [@morphist](https://forum.ionicframework.com/u/morphist)\
**Replies:** 1\
**Last updated:** [March 21, 2022, 1:53pm UTC](https://forum.ionicframework.com/t/bluetooth-heartrate-web-app-ionic-angular-for-twitch/192182 "2022-03-21T13:53:10Z")

</div>

Hey all, I just wrote this article here that describes my mini gig to create a Bluetooth API based Ionic web-app that helps me add heart rate streaming into Twitch. Its incredible to see (despite the scope was small) h…

---

## [Christmas game made in Ionic and Cordova](https://forum.ionicframework.com/t/christmas-game-made-in-ionic-and-cordova/218093)

<div class="topic-metadata">

**Author:** [@escworm](https://forum.ionicframework.com/u/escworm)\
**Replies:** 0\
**Last updated:** [December 6, 2021, 3:47pm UTC](https://forum.ionicframework.com/t/christmas-game-made-in-ionic-and-cordova/218093 "2021-12-06T15:47:20Z")

</div>

Hi all! I’ve managed build a 2D game with Ionic and Cordova using Phaser.io framework. The game is currently only available on Android but I’m working on to get it work on iOS also. Please don’t have to high expectati…

---

## [Ionic 5 Angular Capacitor SSO Demo (with Keycloak)](https://forum.ionicframework.com/t/ionic-5-angular-capacitor-sso-demo-with-keycloak/218002)

<div class="topic-metadata">

**Author:** [@fathanyr](https://forum.ionicframework.com/u/fathanyr)\
**Replies:** 0\
**Last updated:** [December 3, 2021, 11:09am UTC](https://forum.ionicframework.com/t/ionic-5-angular-capacitor-sso-demo-with-keycloak/218002 "2021-12-03T11:09:20Z")

</div>

SSO for Mobile App. Feel free to use. Feel free to give feedback Github Link

---

## [Ionic Discord Server](https://forum.ionicframework.com/t/ionic-discord-server/205295)

<div class="topic-metadata">

**Author:** [@KevShe](https://forum.ionicframework.com/u/KevShe)\
**Replies:** 4\
**Last updated:** [November 19, 2021, 12:45pm UTC](https://forum.ionicframework.com/t/ionic-discord-server/205295 "2021-11-19T12:45:31Z")

</div>

Hello, first of all, I dont know if this is the right category for this post… Im sorry if it is not. And I also dont know, if I am even allowed to share this link here on the forum. If it is not allowed, then I am reall…

---

## [Ionicons autocomplete vscode extension](https://forum.ionicframework.com/t/ionicons-autocomplete-vscode-extension/216745)

<div class="topic-metadata">

**Author:** [@realappie0](https://forum.ionicframework.com/u/realappie0)\
**Replies:** 3\
**Last updated:** [October 28, 2021, 7:50pm UTC](https://forum.ionicframework.com/t/ionicons-autocomplete-vscode-extension/216745 "2021-10-28T19:50:38Z")

</div>

I just pushed out this plugin to the vscode extension marketplace, it will allow you to search ionic icons right it in your editor. It will also show you a preview of the selected icon. Check it out and let me know wh…

---

## [Dynamic Slides](https://forum.ionicframework.com/t/dynamic-slides/8002)

<div class="topic-metadata">

**Author:** [@Calendee](https://forum.ionicframework.com/u/Calendee)\
**Replies:** 25\
**Last updated:** [August 29, 2021, 3:43pm UTC](https://forum.ionicframework.com/t/dynamic-slides/8002 "2021-08-29T15:43:58Z")

</div>

There are quite a few old topics about "dynamic" slides or injecting slides into a slidebox. Most of these are based on pretty old versions of Ionic. I've created a new one that shows how to add a slide dynamically. …

---

## [Demo: LimmatBuddy / AareBuddy](https://forum.ionicframework.com/t/demo-limmatbuddy-aarebuddy/213387)

<div class="topic-metadata">

**Author:** [@lupas](https://forum.ionicframework.com/u/lupas)\
**Replies:** 1\
**Last updated:** [August 5, 2021, 8:01am UTC](https://forum.ionicframework.com/t/demo-limmatbuddy-aarebuddy/213387 "2021-08-05T08:01:21Z")

</div>

Hey Guys I started using Ionic 5 with Vue 3 a couple of months ago and I am loving it! Never has it been easier for me to create web & mobile apps with my favourite framework. Thanks a lot for all the effort you are put…

---

## [Announcing: Chromecast Remote Display for cordova IOS apps](https://forum.ionicframework.com/t/announcing-chromecast-remote-display-for-cordova-ios-apps/46041)

<div class="topic-metadata">

**Author:** [@dickydick1969](https://forum.ionicframework.com/u/dickydick1969)\
**Replies:** 2\
**Last updated:** [July 6, 2021, 12:06pm UTC](https://forum.ionicframework.com/t/announcing-chromecast-remote-display-for-cordova-ios-apps/46041 "2021-07-06T12:06:16Z")

</div>

Chomecast Remote display plugin. Cast your cordova app to a chrome cast on IOS only.. (Android is easy..) see.. https://www.npmjs.com/package/nl-afas-cordova-plugin-chromecastremotedisplay

---

## [Select with search](https://forum.ionicframework.com/t/select-with-search/5517)

<div class="topic-metadata">

**Author:** [@cristofer](https://forum.ionicframework.com/u/cristofer)\
**Replies:** 25\
**Last updated:** [January 29, 2021, 4:47am UTC](https://forum.ionicframework.com/t/select-with-search/5517 "2021-01-29T04:47:26Z")

</div>

---

## [Ionic pinch zoom with Gesture import](https://forum.ionicframework.com/t/ionic-pinch-zoom-with-gesture-import/87519)

<div class="topic-metadata">

**Author:** [@penafiel\_sebastian](https://forum.ionicframework.com/u/penafiel_sebastian)\
**Replies:** 4\
**Last updated:** [May 26, 2021, 8:14pm UTC](https://forum.ionicframework.com/t/ionic-pinch-zoom-with-gesture-import/87519 "2021-05-26T20:14:57Z")

</div>

Hello everybody, I share this in hope that you don't waste as much time as I did on this, it still needs one more bug to fix but more on that below. What is this? I have created a function that enables pinch to zoom u…

---

## [IonicVueTunes](https://forum.ionicframework.com/t/ionicvuetunes/209987)

<div class="topic-metadata">

**Author:** [@marcoimproda](https://forum.ionicframework.com/u/marcoimproda)\
**Replies:** 0\
**Last updated:** [May 24, 2021, 9:57am UTC](https://forum.ionicframework.com/t/ionicvuetunes/209987 "2021-05-24T09:57:15Z")

</div>

Hi, I have developed a very simple and basic app for iTunes Store API with Ionic and Vue.js The app can search for song or artist from iTunes and showing information with the cover image and song preview. I hope coul…

---

## [IPL 8 Tracker - NewBie - My First Ionic App](https://forum.ionicframework.com/t/ipl-8-tracker-newbie-my-first-ionic-app/21183)

<div class="topic-metadata">

**Author:** [@Bhavikcpatel](https://forum.ionicframework.com/u/Bhavikcpatel)\
**Replies:** 16\
**Last updated:** [August 27, 2015, 7:28am UTC](https://forum.ionicframework.com/t/ipl-8-tracker-newbie-my-first-ionic-app/21183 "2015-08-27T07:28:21Z")

</div>

Hi Guys, Here's the snap of my first Ionic app that I created to learn the Ionic Framework. This is related to Indian Premium League Tracking (Indian Cricket) Considering the fact that I don't have a designer mind, Ioni…

---

## [Ionic sliding tabs](https://forum.ionicframework.com/t/ionic-sliding-tabs/18917)

<div class="topic-metadata">

**Author:** [@agustinhaller](https://forum.ionicframework.com/u/agustinhaller)\
**Replies:** 57\
**Last updated:** [April 1, 2021, 12:01pm UTC](https://forum.ionicframework.com/t/ionic-sliding-tabs/18917 "2021-04-01T12:01:03Z")

</div>

Hi, i want to implement sliding tabs similar to the ones of material design spec (http://www.google.com/design/spec/components/tabs.html#tabs-usage) and like the google newsstand app: https://pttrns-2-0-screens.s3.amazon…

---

## [What stack/technology choose in order to build hybrid mobile app MVP quick](https://forum.ionicframework.com/t/what-stack-technology-choose-in-order-to-build-hybrid-mobile-app-mvp-quick/203487)

<div class="topic-metadata">

**Author:** [@kabaneridev](https://forum.ionicframework.com/u/kabaneridev)\
**Replies:** 0\
**Last updated:** [January 25, 2021, 8:33am UTC](https://forum.ionicframework.com/t/what-stack-technology-choose-in-order-to-build-hybrid-mobile-app-mvp-quick/203487 "2021-01-25T08:33:03Z")

</div>

Hi there, I am rather newbie with development of mobile apps (hybrid to be specific) and I am facing some problems if it comes to choose stack and technology. Here are some high-level goals for the application. User …

---

## [Ionic vue template](https://forum.ionicframework.com/t/ionic-vue-template/199532)

<div class="topic-metadata">

**Author:** [@dlodeprojuicer](https://forum.ionicframework.com/u/dlodeprojuicer)\
**Replies:** 0\
**Last updated:** [November 12, 2020, 3:55pm UTC](https://forum.ionicframework.com/t/ionic-vue-template/199532 "2020-11-12T15:55:48Z")

</div>

Hellos! New ionic-vue template available on github :loudspeaker: :loudspeaker:

---

## [Rich Text WYSIWYG Editor for Ionic](https://forum.ionicframework.com/t/rich-text-wysiwyg-editor-for-ionic/92207)

<div class="topic-metadata">

**Author:** [@Judgewest2000](https://forum.ionicframework.com/u/Judgewest2000)\
**Replies:** 13\
**Last updated:** [October 31, 2020, 9:51am UTC](https://forum.ionicframework.com/t/rich-text-wysiwyg-editor-for-ionic/92207 "2020-10-31T09:51:16Z")

</div>

Hi All, Here's my effort at building a rich text editor for Ionic 2/3. Enjoy :slight\_smile:

---

## [Hindi Music - My first app using Ionic framework](https://forum.ionicframework.com/t/hindi-music-my-first-app-using-ionic-framework/22341)

<div class="topic-metadata">

**Author:** [@anwaramoon](https://forum.ionicframework.com/u/anwaramoon)\
**Replies:** 6\
**Last updated:** [May 5, 2019, 10:14am UTC](https://forum.ionicframework.com/t/hindi-music-my-first-app-using-ionic-framework/22341 "2019-05-05T10:14:12Z")

</div>

Hi guys, I just wanted to share for my first app build using ionic framework.It is available for android only at the moment. I am in process of testing for iOS now so hopefully it will be available on iOS soon. Its a…

---

## [Ionic Vue mobile templates](https://forum.ionicframework.com/t/ionic-vue-mobile-templates/197217)

<div class="topic-metadata">

**Author:** [@dlodeprojuicer](https://forum.ionicframework.com/u/dlodeprojuicer)\
**Replies:** 0\
**Last updated:** [October 1, 2020, 8:53am UTC](https://forum.ionicframework.com/t/ionic-vue-mobile-templates/197217 "2020-10-01T08:53:59Z")

</div>

Hi. I created a couple of \[new beta\] Ionic Vue one-page mobile templates based on Instagram/Dribble app inspirations. Template 01 - Demo 01 Template 02 - Demo 02 Template 03 - Demo 03 Template 04 - Demo 04 To use th…

---

## [Ion-select with Searchbar](https://forum.ionicframework.com/t/ion-select-with-searchbar/89255)

<div class="topic-metadata">

**Author:** [@eakoriakin](https://forum.ionicframework.com/u/eakoriakin)\
**Replies:** 134\
**Last updated:** [September 14, 2020, 10:35am UTC](https://forum.ionicframework.com/t/ion-select-with-searchbar/89255 "2020-09-14T10:35:58Z")

</div>

I've seen a couple of posts here with people asking for an ability to search tems in ion-select. So, I decided to share my solution for that. Basically, it's a component styled to look like ion-select. It allows to sea…

---

## [Playing Around With Canvas](https://forum.ionicframework.com/t/playing-around-with-canvas/195426)

<div class="topic-metadata">

**Author:** [@mutasimissa](https://forum.ionicframework.com/u/mutasimissa)\
**Replies:** 0\
**Last updated:** [August 31, 2020, 5:05am UTC](https://forum.ionicframework.com/t/playing-around-with-canvas/195426 "2020-08-31T05:05:32Z")

</div>

In this demo project https://github.com/mutasimissa/playx I used the great Konva lib, the demo was written in react and ionic.

---

## [IonicSvelte - all of Ionic's UI in one svelte app](https://forum.ionicframework.com/t/ionicsvelte-all-of-ionics-ui-in-one-svelte-app/179742)

<div class="topic-metadata">

**Author:** [@Tommertom](https://forum.ionicframework.com/u/Tommertom)\
**Replies:** 11\
**Last updated:** [August 30, 2020, 7:18pm UTC](https://forum.ionicframework.com/t/ionicsvelte-all-of-ionics-ui-in-one-svelte-app/179742 "2020-08-30T19:18:40Z")

</div>

Hi so I have started putting all UI goodies of Ionic in a Svelte app. Here the link to the app: https://ionicsvelte.firebaseapp.com And the code which is working in progress Looking forward to you feedback! Regar…

---

## [devApp =\> Emulator v5](https://forum.ionicframework.com/t/devapp-emulator-v5/189359)

<div class="topic-metadata">

**Author:** [@Rodolphe33](https://forum.ionicframework.com/u/Rodolphe33)\
**Replies:** 0\
**Last updated:** [May 13, 2020, 4:24pm UTC](https://forum.ionicframework.com/t/devapp-emulator-v5/189359 "2020-05-13T16:24:11Z")

</div>

// Version translated by translate-google// Hello, 1 year ago, I developed an app with ionic v4. I used the devApp to view the app on my phone. How do we do today to visualize our app? The commands “ionic cordova run…

---

## [Feedback and review of Live Ionic app on playstore](https://forum.ionicframework.com/t/feedback-and-review-of-live-ionic-app-on-playstore/188455)

<div class="topic-metadata">

**Author:** [@jprakash88](https://forum.ionicframework.com/u/jprakash88)\
**Replies:** 0\
**Last updated:** [April 30, 2020, 5:39am UTC](https://forum.ionicframework.com/t/feedback-and-review-of-live-ionic-app-on-playstore/188455 "2020-04-30T05:39:15Z")

</div>

Hi Guys I have created an Ionic 4 - Angular 8 App and published it on PlayStore for Android. So please go through it and give essential feedback or suggestions or bugs. Playstore URL : https://play.google.com/store/app…

---

## [Draw Over All Apps Cordova Plugin For Android](https://forum.ionicframework.com/t/draw-over-all-apps-cordova-plugin-for-android/92613)

<div class="topic-metadata">

**Author:** [@ahmed\_wahba](https://forum.ionicframework.com/u/ahmed_wahba)\
**Replies:** 8\
**Last updated:** [March 25, 2020, 8:17am UTC](https://forum.ionicframework.com/t/draw-over-all-apps-cordova-plugin-for-android/92613 "2020-03-25T08:17:21Z")

</div>

Android Cordova Plugin that uses draw over all apps feature to display a HTML Web view , it supports displaying HTML file with style files and Javascript libraries and scripts - for now it can not use cordova capabilitie…

[Next page](https://forum.ionicframework.com/c/demo/7.md?page=1)
