Interactive Site Tour In Vanilla JavaScript – thunderTour

Preview:

Description:

thunderTour is a pure vanilla JavaScript library for generating an interactive step-by-step feature tour for your website or web application.

Basic usage:

Download and include the thunderTour’s JavaScript & CSS files in the document.

<link href="thunderTour.css" rel="stylesheet">
<script src="thunderTour.js"></script>

Create tour steps in the JavaScript as follow.

Tour({
  steps:[{
      selector:'.selector1',
      content:'Content 1',
      side:'bottom'
    },{
      selector:'.selector2',
      content:'Content 2',
      side:'top'
    },{
      selector:'.selector3',
      content:'Content 3',
      side:'right'
    },{
      selector:'.selector4',
      content:'Content 4',
      side:'left'}
  ]
});