Guided Tour

Looking to build a guided tour for an app ala Hopscotch (now unmaintained.) Would like to have highlight element capability, responsive behavior, and nice to have would be having the user actually click buttons, type into inputs, etc.

Any favorites?

https://introjs.com/
https://kamranahmed.info/driver.js/
https://shepherdjs.dev/
http://bootstraptour.com/
http://xbsoftware.github.io/enjoyhint/ (github for code)

5 Likes

for me the most useful one. Focus and darkens the unimportant part is a good way for introduction. Thank you so much for these kind of inspiration. Didnt even know there are some JS Libs out there!

I think they all have ability for overlays/backdrops.

@kfawcett Thanks for the list. The only one new to me, was the one I ended up using…driver.js. I must have had conflicts with the others or something – just couldn’t get them going. Driver was pretty easy.

1 Like

I came across one more called EnjoyHint and added it to the list above. It seems to allow the actions you were requesting (i.e. enter something in a field, press a button, check a checkbox).

I have used driver.js in the past and I am happy with it.