TourGuideJS

TourGuideJS

A free and complete alternative to IntroJS

5.0
1 review

73 followers

TourGuide is a JavaScript library written for creating user tours and on-boarding steps for apps. It is a complete alternative to IntroJS which is a paid library. and IMHO is every bit as good!
TourGuideJS gallery image
TourGuideJS gallery image
Free
Launch Team
Flowstep
Flowstep
Generate real UI in seconds
Promoted

What do you think? …

Jack Callow
TourGuide JS was built as an experimental library for creating customisable user tours and on-boarding journeys for SPA's. Hopefully it comes in useful for other projects. There are some advanced usage/edge case gotchas' that I will be working to resolve in future releases. Contribution is welcome.
Jack Callow
Get started with a basic CDN example here: https://codepen.io/sjmc11/pen/NW...
Jack Callow
I've created a slightly more in-depth example here that leverages events in a registration flow: https://codepen.io/sjmc11/pen/MW...
Zachary Wiles
Cool project! I am interesting in using it & contributing if it has a more permissive license. @jack_callow Please consider licensing this with (ideally) the MIT license or even LGPL so we may utilize it in our own (even proprietary) software without being required by the terms of GPL license to release the source code of our own components.
Jack Callow
@ezdub Hi Zachary, I've updated the license and your contribution would be most welcome. Thanks
apsya Dira
Cool project! I will try it in my product
Mohit Saran

Hi Team any example how to us this in Vue3 ?

Sanjivani Yadav

Hey there,

I am using this library for a project walkthrough, But I am having some issues implementing my requirements, Can anybody help me with this

  1. I want to activate the only element which is highlighted, and other overlayed elements should be disabled, and when i end the tour it should work properly

    Now according to the new released version 0.0.26 overlay works correct for the active elements

    But still there is issue regarding overlay that if element does not have any targe i.e body is the target then overlayed elements are still remains active, Please suggest some solution for this


    @jack_callow please guide me through this as documentation is not helping with my issue, Hoping for positive response from you