Issue
It’s very hard to found something good looking related to guided tour/onboarding/etc for angular, most of the libraries are ugly, abandoned, or built only for desktop-driven tours. For mobile, there is no library to support it properly. Most users search for material design tour onboarding, as we can see it on android libraries, but there are no really good libraries for web mobile tours, unfortunately.
Also, there are so many different names for searching of the solution you need, they called so differently so it becomes a serious problem to search for them.
The best library for mobile guided tours I founded was MaterialTapTargetPrompt, but it is for android, and there no forks for angular. It also could be called ShowCaseView etc.
I want to set there existed libraries for guided tours, overlay onboarding, walkthrough steps and my question is – maybe somebody knows some newest, better libraries for this, or Angular Material team will implement its own library for this?
Solution
- ngx-guided-tour and tutorial on medium. Demo. With overlay. Hard to adapt to mobile
- ngx-tour and its demo. No overlay, just tour. Looks good but also mostly for desktop.
also calledngx-tour-ng-bootstrap– same lib.
- joyride tour demo, very similar to
ngx-guided-tour. But works better with the mobile viewport
(some questions on StackOverflow about joyride)
angular-ui-tourdemo –ngx-tourwas inspired by this lib so they also are similar. without overlay, desktop.
- ngx-onboarding (rosen-group/ngx-onboarding) demo – this lib looks better that all another there, but also cant be killer for material overlays like in android tapTargetPromt lib.
- telemachy – abandoned (2y) lib with poor overlayed steps. similar to the above libs.
- miraxes/angular-custom-tour demo overlayed, steps. Similar.
bdc-walkthroughdemo – desktop driven, steps without overlay…
- angular-onboarding-overlay demo – custom solution, not a lib, perhaps it’s good, but hard adapt to mobile
- ngx-walkthrough page – no demo, good screenshots, a fork of old lib, loads of forks from angular 5, 6, etc, errors on install. will see
Summary:
I’ve not found any good lib there to make a simple and nice onboarding on mobile. all of these step-ish poppers and modals look like big annoying tooltips. Have no idea why till 2020 angular (and angular-material lib) have no good libraries for this case. I Will happy if somebody suggests another libs/ways solutions for this case.
I hope, soon we will have something like android material onboarding like there.
Good links to inspire:
