Javascript tool for single-page applications guided tour

Sideshow is a modern and powerful library for creating interactive tours for web applications and sites.

More than just guiding your users, Sideshow can interact with them:

Highlight the part you're talking about in each step (a form, div, image, field, and so forth), by masking the rest of the screen (Sideshow doesn't use the z-index approach for this, its mask isn't positionated behind the element, but really surrounds it).
Monitor your user's behavior and the state of some screen.
Create smart steps for your tutorials, which proceeds automatically when some condition is satisfied
Create relationships between your tutorials, this way, when your user finishes some tutorial, a list with the related tours is shown.
Use Markdown for rich formatting a step description
Use events (e.g. beforeStep/afterStep, beforeWizardStarts/afterWizardEnds) to perform some preparation or anything else
Show contextual tutorials according to the screen being viewed by your user, each tutorial has its own conditions to check if it's eligible for that screen or not

And other powerful features!

Intro.js is a Better introductions for websites and features with a step-by-step guide for your projects.

Features:

Related