EnjoyHint is a free, open-source JavaScript library that enables developers to create interactive guided tours, step-by-step hints, and tooltips for websites and web applications. It overlays contextual hints and highlights UI elements to help users navigate features and workflows intuitively. The tool is client-side, framework-agnostic, and works with any server-side platform.

Key Features

Interactive Guided Tours Create linear, step-by-step walkthroughs for web apps.

• Highlight elements with descriptions.
• Sequence of hints guides users through workflows.

Customizable Hints Tailor the appearance and behavior of hints.

• Modify color, size, position, and text.
• Use HTML in hint descriptions for advanced styling.

Element Highlighting Draw user attention to specific UI components.

• Auto-focus and highlight areas as users progress.
• Supports different shapes (rectangle, circle) and margins.

Event-Driven Navigation Trigger hints based on user actions.

• Hints can appear on click, hover, or page load.
• Configurable event types for each step.

Cross-Browser and Touch Support Works on all major browsers and touch devices.

• Supports Chrome, Firefox, IE10+, Safari.
• Compatible with Android, iOS, and Windows touch screens.

Resume and Timeout Options Enhance user experience for longer tours.

• Resume interrupted hint sequences.
• Set delays and timeouts for hints.

Open Source and Free Distributed under the MIT license.

• Free to use and modify for personal or commercial projects.

Benefits

Improved User Onboarding Helps new users understand complex interfaces.

• Reduces learning curve for feature-rich web apps.
• Guides users through key tasks and workflows.

Enhanced User Engagement Increases feature adoption and satisfaction.

• Makes hidden or advanced features more discoverable.
• Reduces user frustration and support requests.

Developer Flexibility Easy to integrate and customize.

• Framework-agnostic, works with any web stack.
• Simple API for defining tours and steps.