hopscotch

I have used bootstraptour, Intojs and hopscotch in order for my recent project http://www.jeviz.com . Here prons and cons: I started with bootstraptour and it was pretty good on desktop and it is even fine with ajax DOM change while tour. Shame on me I did not test my site after adding tour on mobile then I announced jeviz.com on hackernews, a user commented about scrolling issue on mobile. Tour did not automatically scrolled down on mobile and it also prevent me scroll-down manually. Maybe it is because of dynamic content issue and I tried to fix it without success so I searched for another tour library which was intro.js Intro.js at first seemed to be more polished than bootstraptour and I liked how it highlights on target element and gray out remaining parts. It has problems with ajax DOM change so I changed my tour without using ajax.

If the licensing is a concern, LinkedIn open sourced their onboarding library a while ago: https://github.com/linkedin/hopscotch Hopscotch has an Apache license which should play better for commercial use.

Good similar libs on github : https://github.com/zurb/joyride https://github.com/heelhook/chardin.js https://github.com/linkedin/hopscotch https://github.com/sorich87/bootstrap-tour https://github.com/HubSpot/shepherd https://github.com/usablica/intro.js Once I had a requirement and ended up trying nearly all of them and unfortunately, had to write my own (took about a day and a half) that accomplished the tour exactly the way I wanted. Off the top of my head, I can't recall what each of them missed but primary reason was that often they take off with a great experience and then the lead developer can't devote enough time to meet the diverse requirements of a huge community. The library ends up with a huge user base with lots of open issues, some critical to the user experience on the myriad of mobile devices.

Also a great library for onboarding purposes is Hopscotch [1]. It is allows you to create a interactive tour through the UI. We are using it to introduce new users when launching the webapp the first time (Because having a 100% intuitive UI is a hard thing). We also made a study which showed us that using a onboarding mechansim really helps the user to get started and does not scare them away (which was a concern of some people). [1] https://github.com/linkedin/hopscotch

To add to the list of similar/related tools, LinkedIn's Hopscoth: https://github.com/linkedin/hopscotch/blob/master/CONTRIBUTI...