Intro.js
p/intro-js
Simple Javascript framework for adding screen tips
Afshin Mehrabani
Intro.js v2.0 — Javascript framework for adding guide and screen tips
Featured
13
Replies
Eric Anderson
No dependencies. *slow clap*.
ed wassermann
Yup, looks useful :) The question I’d have if I’d use it would be: Can I simplify my design to not need such a tool as an additional (UX) layer? Dunno…
Derrick Grigg
Looks like a terrific addition for anyone needing to guide the onboarding process
Askar
Looks pretty cool for what I was looking for...just in time for a quick implementation!
Ben Tossell
@afshinmeh tell us about what updates have taken place since being featured a year ago
Afshin Mehrabani
@bentossell The major change is adding "hint" feature. Hints are the new feature in Intro.js that enables you to add additional descriptions to any part of a web page. You can define hints by adding data-hint attribute to the HTML elements. Changelog: v2.0 - 2015-12-21 - Adding hint feature - Updating templates v1.1.1 - 2015-09-05 - Fix versioning issue v1.1.0 - 2015-09-01 - Fix no interaction bug - Fix recursion bug with jQuery - Call onexit on pressing Esc or clicking on the overlay layer - Fix helper layer positioning issue when the content changes - Fix transform is 'undefined' in IE 8 - Fix coding style issues v1.0.0 - 2014-10-17 - Auto-positioning feature for tooltip box - Add progress-bar to tooltip box - Fix z-index issue - Add dark template - Fix bad sizing with Bootstrap 3 - Add disable interaction ability - Fix code styling issues and many minor bug fixes
Evan Zhou
Need a solution for this soon. Thank you!
saadshamim
I'm a big fan of intro, have tried a couple other js/jquery "product tour" libraries, but this one is by far the most reliable. Glad too see the the big update finally hit.
Gorkem Cetin
Usual question: Is it localizable? :)
Afshin Mehrabani
@gorkemcetin Yes. You can change all labels or even use the RTL version of library.
Michael
This is a great product! I love it.
Drikerf
Looks great, will try it out :)!