intro.js makes implementing step-by-step user guides too easy

When thinking about the user experience of a new screen or feature, have you ever wanted to implement a step-by-step guide that highlights certain areas of the screen and walks the guides the user through what they need to do?

Well, intro.js from Afshin Mehrabani solves that problem – elegantly too.

Usage is as easy as adding data-intro and data-step to your HTML elements – for example:

<h1 data-intro='This is step one.' data-step='1'>The Changelog</h1>

Check out the readme to for install and usage details.