EnjoyHint
A free web-tool that is created to guide users through a website or app in the simplest way. It gives an excellent way to create interactive tutorials with hints and tips, and embed them into your web apps, thus enhancing their usability, value, and effectiveness.
Helpful Guidance That Feels Native to App
EnjoyHint adds simple hints that prompt users to navigate a website or an app intuitively and easily. It comes with instant auto-focus highlighting, as the user moves to a new field. Built in TypeScript with native DOM and SVG rendering, it works client-side with any server platform or modern frontend framework.
Key Features
Configure onboarding sequences for different user workflows across various interfaces. Control navigation, highlighted areas, event triggers, scrolling behavior, and the content displayed at every step.
Simple initialization
Get a guided sequence configured with a clean, approachable setup.
Interactive hints
Explain the field or interface element a user is currently exploring.
Custom spotlight shapes
Adjust the shape and margins of every highlighted area.
Interactive HTML labels
Add clickable links that open in a new tab without blocking the tour.
Targetless intro screens
Open with full-screen welcome steps, descriptions, and navigation.
Previous-step navigation
Let users move backward through the tour sequence.
Custom event triggers
Advance individual steps programmatically from application code.
Automatic event navigation
Trigger an immediate event and seamlessly continue to the next step.
Keyboard navigation
Bind step progression directly to specific keyboard presses.
Resume where users stopped
Restart hints from the exact step where a tour was interrupted.
Coherent action scenarios
Build purposeful sequences across every necessary user action.
Animated auto-scroll
Bring highlighted elements into view at configurable animation speeds.
Auto-focus highlighting
Focus and spotlight the relevant area the instant each hint loads.
Timeout settings
Control the delay before an element receives its highlight.
Official React Hook Support
A dedicated hooks implementation for React applications is coming soon.
Technical Specifications
Zero Runtime Dependencies
Operates independently without jQuery, KineticJS, or legacy third-party libraries
Modern Build System & Bundling
Built with Vite and TypeScript, offering ESM, CJS, and UMD exports
Automatic Runtime Style Injection
CSS styles are automatically injected when importing ES modules
Framework Compatibility
Built-in support for rendering highlights inside modal dialogs (e.g., Angular Material dialogs)
Community and Support
Free to download. Free to use.
EnjoyHint is open to the community.
Explore, build a tour, and enjoy it.
Need expert help?
Create a GitHub issue and the community will help.
For dedicated assistance, contact XB Software for a paid consultation.
Let’s See How This Solution Fits Your Business
What's next?
Vitaly Hornik
COO at XB Software, Ph.D. in IT (Computer Science), PMP
We don’t just deliver projects — we build partnerships.
What's next?
Requirements
A sales manager will contact you to understand a vision.
01
Estimation
We provide a detailed plan, timeline, and cost estimate.
02
Agreement
We finalize the contract and begin working immediately.
03