10 Best Tour Plugins To Guide Visitors Through Your App (2022 Update)

by jQueryScript,

What Is Guided Tour?

Guided Tour is an interactive, wizard-style user interface that can be used to guide your users through a tour of your app.

Great for how-tos, application help, newbie guides, new features, featured content, and step-by-step workflow demonstrations of your web applications.

The Best Guided Tour Plugin

In this post, I'm glad to introduce you to the 10 best (top-downloaded) and full free guided tour plugins implemented in jQuery and/or Pure (Vanilla) JavaScript. Have fun.

Originally Published Jan 16 2018, updated Feb 17 2022

Table of contents:

Best jQuery Tour Plugins:

Simple Step By Step Site Tour Plugin

Intro.js is a simple and fast js library that makes it easier to create Step By Step website tour guide with keyboard and mouse support.

Simple Step By Step Site Tour Plugin

[Demo] [Download]


Interactive Tooltip-style Guided Tour Plugin - jQuery TourJS

TourJS is a jQuery-dependent tour library that helps you create customizable, interactive, tooltip-style, step-by-step tours to guide your users through your web application.

https://www.jqueryscript.net/other/Guided-Tour-TourJS.html

[Demo] [Download]


jQuery Feature Tours Plugin - Joyride

Joyride is a cool and mobile-friendly jQuery plugin for easily and quickly creating feature tours for your website or web application using small tooltips.

jQuery Feature Tours Plugin - Joyride

[Demo] [Download]


Smooth and Lightweight jQuery Site Feature Tours Plugin - Hopscotch

Hopscotch is a lightweight jQuery plugin that implements smooth and customizable website feature tours using JSON object on your web page.

Smooth and Lightweight jQuery Site Feature Tours Plugin - Hopscotch

[Demo] [Download]


Animated Step-by-step Tooltip Site Tour With jQuery - Chariot

A jQuery site guide/tour/wizard plugin for generating step-by-step tours that allow the users to walk through your website & web app using animated, easy-to-style, tooltip-like popup layers.

Animated Step-by-step Tooltip Site Tour With jQuery - Chariot

[Demo] [Download]


Vanilla JavaScript Tour Plugins

Responsive Guided App Tour In JavaScript – shepherd

shepherd is a JavaScript library that creates an interactive, accessible, dynamic visual guide to let your users learn about new features and functions on your web app.

Responsive Guided App Tour In JavaScript – shepherd

[Demo] [Download]


Feature-rich Step-by-Step User Guide In JavaScript – webtour.js

A feature-rich, user-friendly, fully responsive guided tour JavaScript library for the web.

Animated Step-by-step Tooltip Site Tour With jQuery - Chariot

[Demo] [Download]


Interactive Guide For Web App – Driver.js

A lightweight yet powerful JavaScript library to create an animated, interactive, user-friendly visual guide for any web elements.

Interactive Guide For Web App – Driver.js

[Demo] [Download]


Walkthrough.js

A lightweight, zero-dependency JavaScript library to create interactive guided tours for Tutorials & New Features of your website & app.

Create Guided Tours For Tutorials & New Features – Walkthrough.js

[Demo] [Download]


Dynamic Feature Tour JavaScript Library – Tiny Tour

Tiny Tour is a minimal, dynamic feature tour JavaScript library used to guide your users through a tour of your web app.

Dynamic Feature Tour JavaScript Library – Tiny Tour

[Demo] [Download]


Conclusion:

Looking for more jQuery plugins or JavaScript libraries to create awesome Guided Tour on the web & mobile? See jQuery Guided Tour and JavaScript Guided Tour sections for more details.