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.

News Films

Our little film studio focuses on telling developer-centric stories that need to be seen.

Beyond Code: Season 3 / GopherCon 2015

 
0:00 / 0:00