Shepherd

Example

          
            const tour = new Shepherd.Tour({
              defaults: {
                classes: 'shepherd-theme-arrows'
              }
            });

            tour.addStep('example', {
              title: 'Example Shepherd',
              text: 'Creating a Shepherd is easy too! Just create ...',
              attachTo: '.hero-example bottom',
              advanceOn: '.docs-link click'
            });

            tour.start();