Intro.js – better introductions for websites

by Kasper Tidemann

The art of creating a better onboarding experience is gaining focus rapidly these days. For instance, the difference between signing up for twitter versus Slack is enormous with the Slack team clearly having put much energy into creating the best possible experience.

Typically, onboarding contains some kind of highlighting the features you’re looking at on screen. Making this process easier is just what Intro.js is about.

Basically, you have a bunch of divs in your markup containing text, buttons and so on. If you add data-step="1" and data-intro="This is an explanation!" to a div, Intro.js will pick it up as the first step in introducing whatever you wish on your site.

This is a clever project in line with creating better signup experiences for all.