User-Friendly Interface
Intro.js provides an intuitive and easy-to-use interface for creating guided tours on websites, making it accessible for users with varying technical skills.
Customizable
Intro.js is highly customizable, allowing developers to tailor the look and feel of the tour to match the existing design of their website.
Lightweight
The library is lightweight, ensuring that adding it to a website does not significantly increase load times or affect performance.
Cross-Browser Support
Intro.js supports all major browsers, ensuring a consistent experience for users regardless of their browser choice.
Rich API
It offers a rich API, enabling developers to integrate the tool into their applications seamlessly and extend its functionality as needed.
Promote Intro.js. You can add any of these badges on your website.
Intro.js is an open source JavaScript library that provides an easy way to create simple and effective product tours. It has an approximate file size of 12.5 KB, so it’s a lightweight library that makes building simple walkthroughs easy: One of the key features of Intro.js is its customizability. It allows you to tailor your tours to align with your application's branding by offering various themes and... - Source: dev.to / 9 months ago
Intro.js like the others offers a rich set of features such as customizable steps and tooltips, keyboard navigation, theming, progress indicators and more. Like others, this library also has extensive documentation. Intro.js has open source licence under AGPL v3 and a commercial licence with different price plans. - Source: dev.to / about 1 year ago
Intro.js might be what you’re looking for. Source: almost 2 years ago
Everything in the browser works with just CSS, JavaScript and HTML. There are JavaScript libraries for things like you are describing, if you are able to customize your site with JS - you should be able to use some of them. For example this one: https://introjs.com/. Source: about 2 years ago
For context, I'm using introjs to make a small tour in my website in 2 different pages. I'm making a cookie wheather a user has visited the page so I can only show the tour only once. My issue is that one cookie sets up with an expiration of 400 days as its supposed to be and the other one stays Session only but both are made from the exact same function with the exacth same parameters. Source: over 2 years ago
You can use something like https://introjs.com. Source: almost 3 years ago
For important updates, I think it's better to use in-app communication. Something like Appcues can be used there. There are also free tools like https://introjs.com/. Source: about 3 years ago
I don't think your looking for an NPM package as much as a JS lib for this, something like https://introjs.com/. Source: about 3 years ago
I need to do something similar soon, so thanks for asking the question. I googled "js instructional walkthrough" and found intro.js https://introjs.com/. I didn't dive into it, but seems to be a good jumping off point to research tomorrow. Source: about 3 years ago
If you're talking about the highlighted menu part, then I'd advise looking into some ready-made solutions, like https://introjs.com/ or https://shepherdjs.dev/. Source: about 3 years ago
You are looking for https://introjs.com/. - Source: Hacker News / over 3 years ago
There are Javascript libraries for this, I searched "Javascript tour library" and found https://introjs.com/ and https://shepherdjs.dev/ for example. Source: almost 4 years ago
The plan was to create and placed the window at a specific position, to do something like https://introjs.com/ , to do a guided tutorial, so no manual drag if possible. Source: almost 4 years ago
There are probably plenty of libraries that have this walkthrough/guide functionality. Just one example I found by doing a Google search: https://introjs.com/. Source: almost 4 years ago
I am currently working on a project aiming to add wrapper for a component in VueJs 3, which is IntroJs (https://introjs.com/). Source: almost 4 years ago
Do you know an article comparing Intro.js to other products?
Suggest a link to a post with product alternatives.
This is an informative page about Intro.js. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.