Hopscotch is a guided onboarding framework and JavaScript tour engine designed to create step-by-step user orientations on web pages. It functions as a library for rendering interactive product walkthroughs and tours using configuration files and customizable bubbles and overlays.
The system manages the progression of guided steps and supports the discovery of interactive features by highlighting specific elements of a web interface. It allows for the creation of tailored guided paths through a web application to assist with user onboarding.
The library provides capabilities for modifying tour appearance through custom style sheets and markup templates. It also supports the execution of custom logic by registering callbacks that fire when users reach specific tour milestones.