angular-shepherd

Provides a dedicated ShepherdService that aligns with Angular's dependency injection and lifecycle hooks, making it seamless to integrate tours into Angular apps without hacking around framework constraints.

Includes requiredElements validation to ensure DOM elements are visible before starting tours, preventing broken tours and improving user experience with custom error messages.

Offers modal functionality to highlight current elements and grey out the rest of the screen, enhancing focus and clarity during guided walkthroughs, as noted in the configuration options.

Supports full Shepherd step options with attach points, buttons, scroll behavior, and event hooks, allowing detailed tour design based on the extensive Step docs linked in the README.