It's time for better onboarding tools in web apps. Tour will leave your users wanted more.<p>- Supports single page apps, and complex scrollable content
- Responsive & Intelligent
- Automagic Tooltip Positioning, it just works.
- Promise Driven Events & Hooks for fine-grained control
- It's very lean for the features it has. 12k gzipped.
- Most importantly, Tour does not restyle, change z-indices, or manipulate your DOM elements in any way<p>Give it a try! The beta is already available on NPM CDN:<p><a href="https://npmcdn.com/tour@latest/dist/tour.js" rel="nofollow">https://npmcdn.com/tour@latest/dist/tour.js</a><p><a href="https://npmcdn.com/tour@latest/dist/tour.css" rel="nofollow">https://npmcdn.com/tour@latest/dist/tour.css</a><p>----- Quick JS Demo -----<p>import Tour from 'tour'<p>const myTour = {<p><pre><code> canExit: true,
steps: [{
target: '#first-element',
content: 'This is the first step!',
}, {
target: '.some .other .element',
content: 'Blah blah blah. I prefer to show up on the right.',
}, {
target: '#menu-element',
content: 'I guess this is a menu!',
}, {
target: '#last-element',
content: 'It is over! :(',
}],
</code></pre>
};<p>Tour.start(myTour)<p><pre><code> .then(() => {
console.log('Tour Finished!');
})
.catch(() => {
console.log('Tour Interrupted!')
});
</code></pre>
------------------------