We are glad to announce a new release of EnjoyHint (v.3.0) web tool for adding interactive hints and tips to your site or app.
The new update is featured by improved functionality, minor bug fixes, and a more detailed and simplified description of EnjoyHint steps, which you can find on GitHub.

Let’s give you a peek at the major features and improvements:


The updated version of EnjoyHint allows auto-scrolling to the highlighted element and setting scroll animation speed so that you could either slow the scrolling down or speed it up.

Hiding ‘Next’ and ‘Skip’ Buttons

Now you can easily hide the buttons ‘Next’ and ‘Skip’. Previously, there were always displayed on all steps of the sequence, even when not used.

HTML Markup in Description

It is possible to use HTML markup in a description. Previously, when you added any HTML code, it was displayed as plain text.


We’ve added the destructor method that deletes EnjoyHint created by a user once the user has followed all the steps.

Simplified Property Names

We’ve simplified the names of properties that are used to describe steps. Now, these names are written as compound words in the CameCase style.

Use of Grunt.js

We have added Grunt JavaScript task runner to minify and merge the JavaScript files and simplify project packaging.

Read also How to Build a Successful SaaS Product

Other Improvements

EnjoyHint allows defining the shape of the highlighted area, making it either rectangular or round. If you choose it to be round, you can set the circle radius to fit the highlighted area.

Besides, you can learn what step you are on by the class enjoyhint-step-* ( where * stands for the step number).

We’ve also updated the logic for the keypress event. Now the key tells EnjoyHint to go to the next step when you click on the button defined by the keyCode.

You can evaluate the described features and improvements in the new live demo that explains how it works.

The EnjoyHint is an open-source web tool build with the use of Javascript, HTML5, and CSS.